九．控制顏色和背景的樣式
控制顏色和背景的樣式包括顏色屬性、背景顏色、背景、背景重複、背景固定、背景定位六個部分。
1．顏色屬性
基本格式如下：
color: 引數
顏色引數取值範圍：
·以rgb值表示
·以16進製制（hex）的色彩值表示
·以預設顏色的英文名稱表示
2．背景顏色
在html當中，要為某個物件加上背景色只有一種辦法，那就是先做乙個**，在**中設定完背景色，再把物件放進單元格。這樣做比較麻煩，不但**較多，還要為**的大小和定位傷些腦筋。現在用css就可以輕鬆地直接搞定了，而且物件的範圍很廣，可以是一段文字，也可以只是乙個單詞或乙個字母。
基本格式如下：
background-color: 引數
引數取值和顏色屬性一樣。
3．背景
基本格式如下：
background-image: url(url)
url就是背景的存放路徑。如果用「none」來代替背景的存放路徑，將什麼也不顯示。
4．背景重複
背景重複控制的是背景平鋪與否，也就是說，結合背景定位的控制可以在網頁上的某處單獨顯示一幅背景。
基本格式如下：
background-repeat: 引數
引數取值範圍：
如果不指定背景重複屬性，瀏覽器預設的是背景向水平、垂直兩個方向上平鋪。
5．背景固定
背景固定控制背景是否隨網頁的滾動而滾動。如果不設定背景固定屬性，瀏覽器預設背景隨網頁的滾動而滾動。為了避免過於花哨的背景在滾動時傷害瀏覽者的視力，所以可以解除背景和文字內容的**，該為和瀏覽器視窗**。
基本格式如下：
background-attachment: 引數
引數取值範圍：
6．背景定位
背景定位用於控制背景在網頁中顯示的位置。
基本格式如下：
background-position: 參數列
引數取值範圍：
·帶長度單位的數字引數
·top：相對前景物件頂對齊
·bottom：相對前景物件底對齊
·left：相對前景物件左對齊
·right：相對前景物件右對齊
·center：相對前景物件中心對齊
·比例關係
引數中的center如果用於另外乙個引數的前面，表示水平居中；如果用於另外乙個引數的後面，表示垂直居中。
十．控制列表的樣式
列表是html裡一種很有用的顯示方式，可以把相關的並列內容整齊地垂直排列，使網頁顯得整潔專業，並讓瀏覽者有一目了然的感覺。
樣式表為列表增加了一些功能，控制列表的樣式包括列表樣式、圖形符號、列表位置三個部分。
1．列表符號
列表符號是指顯示於每乙個列表專案前的符號標識。
基本格式如下：
list-style-type：引數
引數取值範圍：
·disc：圓形
·circle：空心圓
·square：方塊
·decimal：十進位制數字
·lower-roman：小寫羅馬數字
·upper-roman：大寫羅馬數字
·lower-alpha：小寫希臘字母
·upper-alpha：大寫希臘字母
·none：無符號顯示
引數中的disc是預設選項。
2．圖形符號
圖形符號指原來列表的專案符號將可以使用圖形來代替。
基本格式如下：
list-style-image：url
url是用來代替專案符號的圖形檔案的位址，可以使用相對位址或絕對位址。
3．列表位置
列表位置描述列表在何處顯示。
基本格式如下：
list-style-position：引數
引數取值範圍：
·inside：在box模型內部顯示
·outside：在box模型外部顯示
這裡又出現了乙個新的概念：box模型。box是指一種容器，包含了應用樣式規則的物件，具體介紹將在後文中給出。
十一．控制使用者介面的樣式
基本格式如下：
cursor：滑鼠形狀引數
css滑鼠形狀參數列：
css**
滑鼠形狀
style="cursor:hand"
手形 style="cursor:crosshair"
十字形
style="cursor:text"
文字形
style="cursor:wait"
沙漏形
style="cursor:move"
十字箭頭形
style="cursor:help"
問號形
style="cursor:e-resize"
右箭頭形
style="cursor:n-resize"
上箭頭形
style="cursor:nw-resize"
左上箭頭形
style="cursor:w-resize"
左箭頭形
style="cursor:s-resize"
下箭頭形
style="cursor:se-resize"
右下箭頭形
style="cursor:sw-resize"
左下箭頭形
css入門教程資料（4）
九 控制顏色和背景的樣式 控制顏色和背景的樣式包括顏色屬性 背景顏色 背景 背景重複 背景固定 背景定位六個部分。1 顏色屬性 基本格式如下 color 引數 顏色引數取值範圍 以rgb值表示 以16進製制 hex 的色彩值表示 以預設顏色的英文名稱表示 2 背景顏色 在html當中，要為某個物件加...
CSS入門教程
css是 cascading style sheets 的簡稱，中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計，在web標準建站中，對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足，讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...
CSS入門教程
css是 cascading style sheets 的簡稱，中文翻譯為 串接樣式表 也有人翻譯為 樣式表 css用以作為網頁的排版和風格設計，在web標準建站中，對css的熟悉和使用是相當重要的乙個內容。css的作用是彌補html的不足，讓網頁的設計更為靈活。這個文章只是為您介紹css的基礎應用...