屬性名稱
屬性值說明
background-color
十六進製制
background-color:#ff0000
英文名稱
background-color:red
三原色background-color:rgb(255,0,0)
transparent
background-color:transparent/*透明，預設值*/
background-image
urlbackground-image:url(「bg.jpg」)/*背景*/
none
不設定背景
background-repeat
repeat
背景填滿整個背景（預設值）
repeat-x
背景在水平方向填滿
repeat-y
背景在垂直方向填滿
no-repeat
僅出現一次
background-attachment
scroll
設定背景會隨視窗滾動條
的移動而移動(預設值)
fixed
設定背景不會隨視窗滾動條
的移動而移動
background-position
positon position
position是（top|center|bottom|left|center|right），預設為左上角
position
單個position時另乙個預設為center
length length
length是百分數或者由浮點數字和單位識別符號組成的長度值
length
單個length時另乙個預設為center
背景簡化寫法 :
background : 顏色 背景 repeat attachment position
屬性名稱
屬性值說明
list-style-type
none
無符號disc
實體的小圓點
circle
空心的小圓點
square
實心的小方塊
decimal
1,2,3…
lower-roman
i,ii,iii…
upper-roman
i,ii,iii,…
lower-alpha
a,b,c,d,e…
upper-alpha
a,b,c,d,e…
list-style-position
outside
清單專案正常顯示
inside
清單專案往右移
list-style-image
urllist-style-image:url(「xiaotupian.png」)
none
不會顯示任何影象
清單的簡化設定 :
list-style : circle inside url("xiaotupian.png")
清單專案圖示實現的例項 :
我的css背景與列表實驗title>
type="text/css">ul
style>
head>
語文是小學的基本課程li>
數學是小學的基本課程li>
ul>
body>
html>清單專案圖示用背景實現的例項 :
我的css背景與列表實驗title>
type="text/css">
li
ulstyle>
head>
語文是小學的基本課程li>
數學是小學的基本課程li>
ul>
body>
html>
css背景與列表
php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com中文網 php100.com...
CSS 背景與列表
css 背景樣式 background color 設定元素的背景顏色 background image 把影象設定為背景 background position 設定背景影象的起始位置 background attachment 背景影象是否固定或者隨著頁面的其餘部分滾動 background r...
14CSS3背景與漸變
目錄css3背景影象區域 background origin屬性 css背景影象大小 語法 background size length percentage cover contain css3多重背景影象 css3背景屬性整合 漸變 gradients 可以在兩個或多個指定的顏色之間顯示平穩的過...