這篇文章主要為大家展示了“CSS樣式之背景、文本的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS樣式之背景、文本的示例分析”這篇文章吧。

為溫泉等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及溫泉網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為做網(wǎng)站、成都做網(wǎng)站、溫泉網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專(zhuān)業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

一、背景

1、背景顏色用background-color屬性，例如:body{background-color:red}

2、用圖像做背景用background-image屬性，例如body{background-image:ul1(23.jpg)

3、背景由圖片重復(fù)平鋪用backgroud-repeat屬性，repeat-x或repeat-y分別表示水平或垂直平鋪，

no-repeat表示允許從任何方向上平鋪

例如:body
{background-image:url(23.jpg)
background-repeat:repeat-x:) }

4、用background-position屬性將背景定位，[位置：top、bottom、left、right、center、還可使用

百分比（50% 50%)、長(zhǎng)度值（50px 50px)]

例如：body
{background-image:url(23.jpg)
background-position:center}

5、設(shè)置圖片關(guān)聯(lián)屬性用background-attachment,例如下面的圖片背景不會(huì)隨文字的滾動(dòng)而滾動(dòng)

body{background-image:url(23.jpg);
background-repeat:no-repeat;
background-attachment:fixed;}

二、文本

1、縮進(jìn)文本用text-indent屬性，最常見(jiàn)的是段落首行縮進(jìn)，縮進(jìn)值可以還負(fù)數(shù)

例如：p{text-indent:-5em},但設(shè)置負(fù)數(shù)容易超出瀏覽器窗口左邊界，要特別注意；

縮進(jìn)值單位可以是百分?jǐn)?shù)%，長(zhǎng)度單位px，度量單位em;

text-indent屬性可以繼承，例如：
div#outer {width:500px;}
div#inter  {text-indent:10%}
p{width:200px;}

2、水平對(duì)齊用text-align屬性（left、right、center、justity)

3、word-spacing可以改變字（單詞）之間的標(biāo)準(zhǔn)間隔，默認(rèn)值normal與設(shè)置值為0是一樣的，

word-spacing接受正長(zhǎng)度值也可接受負(fù)長(zhǎng)度值

4、letter-spacing改變字符和字母之間的間距，其他同word-spacing,默認(rèn)值normal與設(shè)置值為0是 

一樣的，接受正長(zhǎng)度值和負(fù)長(zhǎng)度值

5、text-transform處理文本的大小寫(xiě)（none、uppercase大寫(xiě)、lowercase小寫(xiě)、capitalize首字母為大寫(xiě)

6、text-decoration處理文本裝飾（none、underline、overline上劃線、line-through貫穿線、blink閃爍

7、處理空白符white-space

值pre-line，空白符：合并，換行符：保留，自動(dòng)換行：允許；
值normal，空白符：合并，換行符：忽略，自動(dòng)換行：允許；
值nowrap，空白符：合并，換行符：保留，自動(dòng)換行：不允許
值pre-wrap，空白符：保留，換行符：保留，自動(dòng)換行：允許

8、direction屬性影響塊級(jí)元素中文本的書(shū)寫(xiě)方向，列表中布局的方向、內(nèi)容水平填充其文本框的方向以及兩端對(duì)齊元素中最后一行的位置（值有兩個(gè)，ltr和rtk,其中l(wèi)tr為默認(rèn)值，為從左到右的方向）

9、line-height設(shè)置行高

以上是“CSS樣式之背景、文本的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！