背景与列表

15.1css中的背景与列表
属性:
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 背景图像在上左方
(2) top center 上方中间
top right 上右方
center left 中间左方
center center IE中间
center right 下左方
bottom 正下方
bottom right 下右方

background(1) repeat 将背景图案填满整个背景
repeat-x 水平填满
-y 垂直填满
no-repeat 背景图案只出现一个
简化方案:
background:颜色 背景图片 repeat attachment position
red url(xx.jpg)(1)(2)

15.2css中 列表的使用
属性:
list-style-type none 无符号
disc 实体的小圆点
cirele 空心的小圆点
square 实心的小方块
decimal 1,2,3...
lower-roman i,ii,iii...
upper-roman I,II,III...
lower-alpha a,b,c...
upper-alpha A,B,C...

list-style-position inside 清单项目往右移
outside 正常显示

list-style-image URL list-style-image:url(xx.gif)
none 不显示任何图像

清单简化设置:
list-style-circle inside url("xx.gif")

 

posted on 2016-10-31 19:04  加号与剑豪  阅读(152)  评论(0编辑  收藏  举报

导航