css样式表实验报告,css基本样式(二)
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基本样式(二)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 部队文职报考专业有哪些
- 下一篇: 服务器json文件怎么创建对象,Java