1.CSS 鏈接

1.1CSS 鏈接的四種狀態(tài)：a:link --普通的、未被訪問的鏈接 a:visited --用戶已訪問的鏈接 a:hover --鼠標(biāo)指針位于鏈接的上方 a:active --鏈接被點(diǎn)擊的時(shí)刻

shiyanlou

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

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

a:hover {color:#FF00FF;} / 鼠標(biāo)指針移動(dòng)到鏈接上 /

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

1.2CSS 設(shè)置鏈接背景顏色：修改對(duì)應(yīng)的屬性 background-color 就好。

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

1.3 修改鏈接下劃線

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

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 列表項(xiàng)圖片

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

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

shiyanlou

shiyanlou

shiyanlou

shiyanlou

2.3 簡(jiǎn)寫列表樣式

所謂的簡(jiǎn)寫列表樣式就是說(shuō)，把所有用于列表的屬性設(shè)置于一個(gè)聲明中。 就像下面這樣

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

3.CSS 表格

在表格的學(xué)習(xí)中我們主要了解以下屬性：

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

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

caption-side --- 設(shè)置表格標(biāo)題的位置。

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

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

text-align 設(shè)置字符對(duì)其方式，padding 設(shè)置內(nèi)邊據(jù)：

4.CSS 輪廓

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

outline 在一個(gè)聲明中設(shè)置所有的輪廓屬性。

outline-color 設(shè)置輪廓的顏色。

outline-style 設(shè)置輪廓的樣式。

outline-width 設(shè)置輪廓的寬度。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。