CSS中背景的使用
屬性名稱(chēng)屬性值說(shuō)明
background-attachmentscroll設(shè)置背景圖像會(huì)隨視窗滾動(dòng)
條的移動(dòng)而移動(dòng)耿芹。
fixed設(shè)置背景圖像不會(huì)隨視窗滾動(dòng)條
的移動(dòng)而移動(dòng)。
background-color十六進(jìn)制background-color:#ff0000;
英文名稱(chēng)background-color:red;
三原色background-color:rgb(255,0,0)
transparentbackground-color:transparent;透明
background-imageURLbackground-image:url("bg.jpg")
背景圖片
none不設(shè)置背景圖片
background-positiontop left設(shè)置背景圖案出現(xiàn)在上左方浆竭。
top center設(shè)置背景圖案出現(xiàn)在上方中間浸须。
top right設(shè)置背景圖案出現(xiàn)在上右方惨寿。
center left設(shè)置背景圖案出現(xiàn)在中間左方。
center center設(shè)置背景圖案出現(xiàn)在IE中間删窒。
center right設(shè)置背景圖案出現(xiàn)中間右方裂垦。
bottom left設(shè)置背景圖案出現(xiàn)在下左方。
bottom設(shè)置背景圖案出現(xiàn)在正下方肌索。
bottom right設(shè)置背景圖案出現(xiàn)在下右方蕉拢。
background-repeatrepeat將背景圖案填滿(mǎn)整個(gè)背景。
repeat-x將背景圖案在水平方向添滿(mǎn)诚亚。
repeat-y將背景圖案在垂直方向添滿(mǎn)晕换。
no-repeat圖案只出現(xiàn)一次。
背景圖案簡(jiǎn)化方案:
background:顏色 背景圖片 repeatattachment position
?CSS中列表的使用
屬性名稱(chēng) ? ? ? ? ? ? 屬性值 ? ? ? ? ? ? ? ? 說(shuō)明
list-style-type ? ? ? ? ?none ? ? ? ? ? ? ? ? ? ? 無(wú)符號(hào)
? ? ? ? ? ? ?disc實(shí)體的小圓點(diǎn)站宗。
? ? ? ? ? ? ? circle空心的小圓點(diǎn)届巩。
? ? ? ? ? ? ? ? square實(shí)心的小方塊。
decimal1,2,3...
lower-romani,ii,iii...
upper-romanI,II,III...
lower-alphaa,b,c,d,e...
upper-alphaA,B,C,D,E...
list-style-position inside清單項(xiàng)目較往右移份乒。
outside清單項(xiàng)目正常顯示。
list-style-imageURLlist-style-image:url(lmk.gif)
none不會(huì)顯示任何圖象
清單的簡(jiǎn)化設(shè)置:
list-style:circle insideurl("bullet.gif")