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