1.CSS 鏈接

1.1CSS 鏈接的四種狀態：a:link --普通的、未被訪問的鏈接 a:visited --用戶已訪問的鏈接 a:hover --鼠標指針位于鏈接的上方 a:active --鏈接被點擊的時刻

shiyanlou

a:link {color:#FF0000;} /* 未被訪問的鏈接 /

a:visited {color:#00FF00;} / 已被訪問的鏈接 /

a:hover {color:#FF00FF;} / 鼠標指針移動到鏈接上 /

a:active {color:#0000FF;} / 正在被點擊的鏈接 */

1.2CSS 設置鏈接背景顏色：修改對應的屬性 background-color 就好。

a:link {background-color:#B2FF99;}

1.3 修改鏈接下劃線

不是所有的時候我們都需要鏈接下面的下劃線，有時很影響美觀。所以這里我們要在 link 屬性中加入 text-decoration 屬性，將傳指改為空就行，修改過后就是下面的結果：

2.CSS 列表

2.1 列表類型

shiyanlou

shiyanlou

shiyanlou

shiyanlou

ul.circle {list-style-type:circle}

ul.square {list-style-type:square}

ol.upper-roman {list-style-type:upper-roman}

ol.lower-alpha {list-style-type:lower-alpha}

2.2 列表項圖片

ul.img1{list-style-image:url("4.ico")}

ul.img2{list-style-image: url("11.ico")}

shiyanlou

shiyanlou

shiyanlou

shiyanlou

2.3 簡寫列表樣式

所謂的簡寫列表樣式就是說，把所有用于列表的屬性設置于一個聲明中。 就像下面這樣

li {list-style : url(example.gif) square}

3.CSS 表格

在表格的學習中我們主要了解以下屬性：

border-collapse ---設置是否把表格邊框合并為單一的邊框。

border-spacing ---設置分隔單元格邊框的距離。

caption-side --- 設置表格標題的位置。

empty-cells ---設置是否顯示表格中的空單元格。

table-layout ---設置顯示單元、行和列的算法。

text-align 設置字符對其方式，padding 設置內邊據：

4.CSS 輪廓

輪廓(outline)是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。 CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。涉及到的屬性有：

outline 在一個聲明中設置所有的輪廓屬性。

outline-color 設置輪廓的顏色。

outline-style 設置輪廓的樣式。

outline-width 設置輪廓的寬度。

總結

以上是生活随笔為你收集整理的css样式表实验报告,css基本样式（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。