六 . css系列之列表、背景、表格屬性

(一)列表屬性
1.list-style-type:修飾列表前面符號的類型
屬性值爲disc(默認,黑色實心圓)/circle(空心圓)/square(黑色方塊)/none(去掉列表符號)
2.list-style-image:用圖像作爲列表項前面的符號
屬性值爲url(圖像的地址),該方法沒有辦法控制符號的位置,所以使用並不多,常用背景圖來做
3.list-style-position:設置列表符號位置
屬性值爲outside(默認,符號在li外面)、inside(將符號右移,移入到li裏面)
4.list-style:值1 值2 值3
注意,理論上list-style-image要放在最後
(二)背景屬性
1.background-color:設置背景色,
屬性值爲顏色名稱、十六進制代碼、rgb、rgba
2.background-image:設置背景圖像,
屬性值爲url(圖像地址)
3.background-repeat:設置背景平鋪方式,
屬性值有repeat(默認,平鋪)、no-repeat(不平鋪)、repeat-x(橫向平鋪)、repeat-y(縱向平鋪)
4.background-position::設置背景圖位置,
屬性值有兩個值,第一個值爲水平值,第二個值爲垂直值,值與值間用空格隔開,值的表示方式有兩種,一種用單詞、一種用像素值
單詞:水平:left  center  right ; 垂直:top   center  bottom
5.background-attachment:設置背景依附方式,
屬性值爲scroll、fixed
6.background:值1 值2 值3…

(三)表格屬性

1.caption-side:設置表格標題的位置,
屬性值爲top(默認)/bottom/left/right
2.border-spacing:設置單元格的間距,
屬性值可以是像素值
3.border-collapse:設置單元格邊框是否合併,
屬性值爲seperate(不合並)/collapse(合併)
4.empty-cells:對空單元格的處理方式,
屬性值爲show(默認,顯示)、hide(不顯示)
5.table-layout:設置內容和邊框的關係,
屬性值爲auto(默認)、fixed(固定)
6.如果要給表格加邊框需要table,td{border:1px solid}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章