background-color
設定元素的背景顏色
background-image
把影象設定成背景
background-position
設定背景影象的起始位置
background-attachment
背景影象是否固定或者隨著頁面的其餘部分滾動
background-repeat
設定背景影象是否重複及如何重複
background
簡寫屬性,將背景屬性設定在乙個宣告中
list-style-type
設定列表項標誌的型別
list-style-image
將影象設定為列表項標誌
list-style-position
設定列表中列表項標誌的位置
list-style
簡寫屬性,把所有列表的屬性設定於乙個宣告中
background-color:顏色|transparent
說明:transparent是全透明黑色的速記法,類似rgba(0,0,0,0)這樣的值
顏色值(顏色名|rgb|十六進製制)
背景區包括內容、內邊距(padding)和邊框、不包含外邊框(margin)
設定邊框(border)時,要加上邊框樣式如:border: 20px solid;
邊框沒設定顏色時,預設顏色與文字顏色一致
元素的背景佔據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距
預設地,背景影象位於元素的左上角,並在水平和垂直方向上重複
同時設定背景顏色和背景,背景會覆蓋住背景顏色
重複 | 不重複 |橫向重複|縱向重複
設定元素的背景的初始位置
background-position:百分比(x% y%)|值(x y)
top|right|bottom|left|center
background:background-color background-image
background-repeat
background-attachment
background-position
說明:各值之間用空格分割,不分先後順序
設定列表項的標記樣式型別
list-style-type:關鍵字|none
無序列表
none
無標記disc
實心的圓點
circle
空心的圓點
square
實心的方塊
有序列表
none
無標記decimal
從1開始的整數
lower-roman
小寫羅馬數字
upper-roman
大寫羅馬數字
lower-alpha
小寫英文本母
upper-alpha
大寫英文本母
list-style-image:url|none
list-style-position:inside|outside
說明:inside:列表專案標記放置在文字內,且環繞文字根據標記對齊
outside:預設值,列表專案標記放置在文字以外,且環繞文字不根據標記對齊
list-style:list-style-type
list-style-position
list-style-image
說明:值之間用空格分隔開
順序不固定
list-style-image會覆蓋list-style-type的設定
07 CSS背景和列表
vertical align 垂直對齊 baseline 預設。元素放置在父元素的基線上。super 垂直對齊文字的上標 sub 垂直對齊文字的下標。text top 把元素的頂端與父元素字型的頂端對齊 text bottom 把元素的底端與父元素字型的底端對齊。top 把元素的頂端與行中最高元素的...
06CSS背景和列表
目錄背景顏色 設定元素的背景顏色 background color 顏色 transparent 背景縮寫 background background color background image background repeat background attachment background ...
css背景及css列表
background是乙個綜合屬性,它分為以下幾個屬性。background color 背景色 background image 背景 background repeat 設定背景圖的平鋪方式 屬性值 no repeat repeat x repeat y background position ...