- background-color
.box1{ background-color: green; } .box2{ background-color: rgb(0,255,0); } .box3{ background-color: #00ff00;//16进制表示法,aabbcc形式的可简写为abc }
- background-image:url()
//图片会重复来铺满背景,如果图片过大,会部分展示图片 url(../images/jj.jpg) url(http://jier.com)
- background-repeat:设置背景图是否重复即重复方式
.box{ background-image:url(../images/jj.jpg); background-repeat:no-repeat;//repeat-x,repeat-y }
- background-position
.box{ background-image:url(../images/jj.jpg); background-repeat:no-repeat; background-position:10px 10px;//向右偏移量,向下偏移量。值可以为负数表示左移上移,即浏览器遮住,还可用right,center,top,bottom,left等 background-position:center top;//左右居中,上面置顶 }
- background-attachment//背景是否固定
background-attachment:fixed;//页面滚动,背景图片不动
background综合属性
background:red url(../img/jj.jpg) no-repeat 10px 10px fixed; //顺序不固定,某些可以不写,但两个数值必须连写
12.background系列属性
最新推荐文章于 2024-08-28 16:52:17 发布