CSS背景和列表

2021-08-14 09:48:49 字數 1764 閱讀 4529

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 ...