CSS 背景與列表

2021-08-14 07:40:34 字數 1918 閱讀 7137

css 背景樣式

- background-color    設定元素的背景顏色

- background-image   把影象設定為背景

- background-position   設定背景影象的起始位置

- background-attachment   背景影象是否固定或者隨著頁面的其餘部分滾動

- background-repeat     設定背景是否重複以及如何重複

- background                 簡寫屬性,作用是將背景屬性設定在乙個宣告中

css列表樣式

+ list-style-type    設定列表項標誌的型別

+ list-style-image    將影象設定為列表項標誌

+ list-style-position     設定列表中列表項標誌的位置

+ list-style       簡寫屬性,將列表屬性設定在乙個宣告中

(1) 設定元素的背景顏色

background-color: 顏色|transparent

transparent是全透明黑色

(2)設定元素的背景

background-image:url | none

元素的背景佔據了元素的全部尺寸,包括內邊距與邊框,不包括外邊距

預設地,背景影象位於元素的左上角,並在水平與垂直方向上重複

div.pic2
當背景和背景顏色都設定時,背景會覆蓋背景顏色。

(3)背景重複

background-repeat: repeat | no-repeat | repeat-x | repeat-y

div.pic2
(4)背景的顯示方式

background-attachment: scroll | fixed

fixed: 當頁面的其餘部分滾動時,背景不會移動

(5)背景定位

設定元素的背景的起始位置

background-position: 百分比 | 值 | top | right | bottom | left | center

(6)背景縮寫

css 列表樣式

(1)設定列表項的標記樣式型別

list-style-type: 關鍵字 | none

(2) 列表項標記

使用設定列表項的標記

list-style-image: url | none

(3)列表項標記位置

設定列表項標記的位置

list-style-position: inside | outside

inside:列表專案標記放置在文字以內,且環繞文字根據標記對齊

outside:預設值,列表專案錄標記放置在文字以外,且環繞文字不根據標記對齊

(4)列表樣式縮寫

css背景與列表

php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com...

14 CSS背景與列表

屬性名稱 屬性值說明 background color 十六進製制 background color ff0000 英文名稱 background color red 三原色background color rgb 255,0,0 transparent background color trans...

css背景及css列表

background是乙個綜合屬性,它分為以下幾個屬性。background color 背景色 background image 背景 background repeat 設定背景圖的平鋪方式 屬性值 no repeat repeat x repeat y background position ...