1、使用CSS 設(shè)置文本樣式有哪些？

1、使用CSS 設(shè)置文本樣式有：color、letter-spacing、line-height、text-align、text-decoration、word-spacing

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司一直秉承“誠信做人，踏實(shí)做事”的原則，不欺瞞客戶，是我們最起碼的底線！ 以服務(wù)為基礎(chǔ)，以質(zhì)量求生存，以技術(shù)求發(fā)展，成交一個(gè)客戶多一個(gè)朋友！專注中小微企業(yè)官網(wǎng)定制，成都網(wǎng)站建設(shè)、做網(wǎng)站，塑造企業(yè)網(wǎng)絡(luò)形象打造互聯(lián)網(wǎng)企業(yè)效應(yīng)。

2、使用CSS 設(shè)置背景顏色的標(biāo)簽background-color，背景圖片的標(biāo)簽：background

3、使用CSS 設(shè)置的其他元素有哪些？margin、padding、position等

css文件中如何設(shè)置text樣式

設(shè)置css文件中text樣式

首先打開操作軟件這里用DW編輯工具：取一個(gè)css名字為text；

!DOCTYPE?html

html

head

meta?charset="gb2312"?/

title效果區(qū)/title

/head

body

style

.text{?width:200px;?height:200px;?background:#09C;?color:#FFF;?font-size:18px;?font-weight:bold;?text-indent:2em;?text-align:left;}

/style

div?class="text"

文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域文字區(qū)域

/div

/body

/html

實(shí)現(xiàn)效果圖如下：

詳解：設(shè)置一個(gè)css樣式取名：text，定義一個(gè)寬度與高度分別為200px。

其次設(shè)置一個(gè)背景顏色background:#09C;

字體顏色為白色 color:#FFF;

字體的大小為18xp：font-size:18px;

設(shè)置字體為粗體：font-weight:bold;

字體靠左對(duì)齊：text-align:left;

字體首行縮進(jìn)2個(gè)文字(2em)：text-indent:2em;

如何對(duì)文本進(jìn)行css樣式設(shè)置

color屬性：設(shè)置文本文字顏色。用法如下：

color：顏色值;

color屬性可以設(shè)置的合法顏色值包括：16進(jìn)制顏色值（例：#ffffff），rgb顏色值【例：rgb(0,0,0)】，rgba顏色值【例：rgb(0,0,0,0.5)，0.5表示透明度】，hsl顏色值【例：hsl(120,65%,75%)】，hsla顏色值【hsl(120,65%,75%,0.3)，0.3表示透明度】。

2、css文本文字行高（行間距）的屬性

line-height屬性：設(shè)置行間的距離（行高）。用法如下：

line-height：值;

具體cssline-height屬性是如何設(shè)置文本文字的行間距，大家可以參考之前的文章【css如何設(shè)置行間距？css文本文字的行間距設(shè)置】，希望對(duì)大家有所幫助。

3、css設(shè)置文本文字的水平對(duì)齊方式的屬性

text-align屬性：設(shè)置元素中的文本文字的水平對(duì)齊方式。用法如下：

text-align:left||right||center||justify;

left：設(shè)置文本文字左對(duì)齊。默認(rèn)值：由瀏覽器決定。

right：設(shè)置文本文字右對(duì)齊。

center：設(shè)置文本文字居中對(duì)齊。

justify：實(shí)現(xiàn)兩端對(duì)齊文本效果。

4、css文本縮進(jìn)屬性

text-indent屬性：設(shè)置文本縮進(jìn)。

具體csstext-indent屬性是怎樣設(shè)置文本縮進(jìn)的，大家可以參考【css如何實(shí)現(xiàn)首行縮進(jìn)效果？text-indent屬性實(shí)現(xiàn)首行縮進(jìn)】。

5、設(shè)置文本文字裝飾效果

text-decoration屬性：定義添加到文本的修飾。

說明：

這個(gè)屬性允許對(duì)文本設(shè)置某種效果，如加下劃線。如果后代元素沒有自己的裝飾，祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。

用法：

text-indent：none||[underline(下劃線)||overline(上劃線)||line-through(中劃線)]||blink;

none：默認(rèn)值，定義標(biāo)準(zhǔn)的文本。

underline：定義文本下的一條線。

overline：定義文本上的一條線。

line-through：定義穿過文本下的一條線。

blink：定義閃爍的文本。

6、文本字符的大小寫轉(zhuǎn)換屬性

text-transform屬性：控制文本字符的大小寫。

用法：

text-transform:uppercase(全大寫)||lowercase(全小寫)||capitalize(首字母大寫)||none;

7、文本文字間距的屬性

word-spacing屬性：設(shè)置文字或單詞之間的間距，單詞之間的間距=word-spacing+空格大小。

letter-spacing屬性：設(shè)置字母間的間隔。

8、文本文字陰影的屬性

text-shadow屬性：向文本文字設(shè)置陰影

當(dāng)前名稱：如何用css添加文本樣式,如何用css添加文本樣式框
URL分享：http://chinadenli.net/article6/dsdisog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、、定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)