CSS中背景的使用
属性名称属性值说明
background-attachmentscroll设置背景图像会随视窗滚动
条的移动而移动。
fixed设置背景图像不会随视窗滚动条
的移动而移动。
background-color十六进制background-color:#ff0000;
英文名称background-color:red;
三原色background-color:rgb(255,0,0)
transparentbackground-color:transparent;透明
background-imageURLbackground-image:url("bg.jpg")
背景图片
none不设置背景图片
background-positiontop left设置背景图案出现在上左方。
top center设置背景图案出现在上方中间。
top right设置背景图案出现在上右方。
center left设置背景图案出现在中间左方。
center center设置背景图案出现在IE中间。
center right设置背景图案出现中间右方。
bottom left设置背景图案出现在下左方。
bottom设置背景图案出现在正下方。
bottom right设置背景图案出现在下右方。
background-repeatrepeat将背景图案填满整个背景。
repeat-x将背景图案在水平方向添满。
repeat-y将背景图案在垂直方向添满。
no-repeat图案只出现一次。
背景图案简化方案:
background:颜色 背景图片 repeatattachment position
CSS中列表的使用
属性名称 属性值 说明
list-style-type none 无符号
disc实体的小圆点。
circle空心的小圆点。
square实心的小方块。
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清单项目较往右移。
outside清单项目正常显示。
list-style-imageURLlist-style-image:url(lmk.gif)
none不会显示任何图象
清单的简化设置:
list-style:circle insideurl("bullet.gif")