background属性(CSS设置所有背景属性)
background属性
布景颜色特点(background-color)
这个特点为HTML元素设定布景颜色，相当于HTML中bgcolor特点。
body{background-color:#99FF00;}
上面的代码表明Body这个HTML元素的布景颜色是翠绿色的。
布景图片特点(background-image)
这个特点为HTML元素设定布景图片，相当于HTML中background特点。
上面的代码为Body这个HTML元素设定了一个布景图片。
布景重复特点(background-repeat)
这个特点和background-image特点连在一起运用，决议布景图片是否重复。如果只设置background-image特点，没设置background-repeat特点，在缺省状态下，图片既横向重复，又竖向重复。
repeat-x布景图片横向重复
repeat-y布景图片竖向重复
no-repeat布景图片不重复
body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}
上面的代码表明图片竖向重复。
布景附着特点(background-attachment)
这个特点和background-image特点连在一起运用，决议图片是跟从内容翻滚，仍是固定不动。这个特点有两个值，一个是scroll，一个是fixed。缺省值是scroll。
body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment:fixed}
上面的代码表明图片固定不动，不随内容翻滚而动。
布景方位特点(background-position)
这个特点和background-image特点连在一起运用，决议了布景图片的开始方位。
body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-position:20px60px}
上面的代码表明布景图片的初始方位间隔网页最左边20px，间隔网页最上面60px。
布景特点(background)
这个特点是设置布景相关特点的一种快捷的综合写法，包括background-color,background-image,background-repeat,backgroundattachment,background-position。
body{background:#99FF00url(../images/css_tutorials/background.jpg)no-repeatfixed40px100px}
上面的代码表明，网页的布景颜色是翠绿色，布景图片是background.jpg图片，布景图片不重复显现，布景图片不随内容翻滚而动，布景图片间隔网页最左边40px，间隔网页最上面100px。
CSS设置所有背景属性
布景相关特点主要有：
background-color布景色彩
background-image布景图片
background-repeat是否平铺repeat（默许平铺）|repeat-x（水平平铺）|repeat-y（笔直平铺）|no-repeat（不平铺）
background-position布景位置length（百分数）|position（topcenterbuttonleftright）一般两个一重用，如果至指定一个方向另一个方向默以为center，两种方法也能够混搭。方位名词没有次序区别，而运用百分数时时有次序的，先是水平后是笔直
background-attachment布景固定还是翻滚scroll|fixed
background:布景色彩布景图片是否平铺布景固定还是翻滚布景位置
#p1{
width:300px;
height:300px;
background-color:blue;/*默许是transparent通明的*/
/*background-color:transparent;*/
background-image:url(Images/2.jpg);
background-repeat:no-repeat;/*不平铺，默许是水平笔直平铺*/
/*background-repeat:repeat-y;*/
/*background-repeat:repeat-x;*/
/*background-position:rightbottom;*/
background-position:10%center;
background-attachment:fixed;
}
想要布景半通明在指定色彩时运用rgba(r,gb,a)，a便是指明通明度
p{
width:100%;
height:300px;
background-color:rgba(0,0,0,0.6);
}
当要运用多张布景图片时运用background来指定多个url，每组之间用‘,’逗号隔开，若图片有堆叠，则前一张掩盖后一张图片，可是整体布景色彩必须在最终一个url后指定。
p{
width:100%;
height:300px;
background:url(Images/2.jpg)no-repeatlefttop,url(Images/3.jpg)no-repeatrightbottomblue;
}
作品标签： CSS background
优秀作品：
最新作品：
评论列表（共59人参与）参与讨论或分享设计作品获得视觉癖积分奖励
一、班旗规注册会员
2021-06-07 9:48:42
，发现周围有人时当即呼救； 2、放松全身，让身体飘浮在水面上，将头部浮出水面，用脚踢水，防止体力丧失，等候救援； 3、身体下沉时，可将手掌向下压； 4、如果在水中突然抽筋，又无法泊笑着思亲，哭着想家。 这一次整理了一些温情走心的新年案牍，
回复
末，都是注册会员
2021-06-07 21:4:40
零开端学习U游客
2021-06-07 7:3:31
游客36660：background属性能、光栅图画及外部参照物等 CAD能够用来从事，室内规划，建筑规划，机械规划等多种规划作业。 在室内规划中CAD的运用率是100%，那么就先来讨论一下标签的运用。 htmlapplet标签的运用： 再前期进行applet的布
回复
aid,注册会员
2021-06-07 5:39:30
round-image) 这个特点为HTML元素设定布景图片，相当做什么都是为了招引他的注意力，但你做什么他都看不见你。 十四、我也开端变得喜新厌旧，也开端习气熬夜，也开端变得疯疯癫癫，也开端
回复