摘要： 今天是CSS的第三章，主要涉及内容1、CSS 中背景的使用；2、CSS 中列表的使用。一、CSS 中背景的使用属性名称属性值说明background-attachmentscroll设置背景图像会随视窗滚动条的移动而移动。fixed设置背景图像不会随
今天是CSS的第三章，主要涉及内容1、CSS 中背景的使用；2、CSS 中列表的使用。
一、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")
感谢站帮网提供的分享，本教程归属站帮网提供，如有侵权请联系本站长删除 谢谢
发表评论
加载中~