html中设置元素的背景色都是通过CSS中的background 属性来完成。
例如,给整个页面(body)设置背景色:body{background: #ddd};如果要将图片作为背景色:body{background-image: url(1.jpg)},其中url括号后面的是背景图片的链接。
拓展资料:
background 简写属性在一个声明中设置所有的背景属性。
background可以设置如下属性:
background-color 背景颜色
background-position 背景图像的位置
background-size 背景图片的尺寸
background-repeat 重复背景图像
background-origin 背景图片的定位区域
background-clip 背景的绘制区域
background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-image 背景图像
如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
代码:
效果:
背景颜色的设置一般通过background来实现。html标签有三种方式内嵌,外联,行内。这里说一下行内的方式。举个例子:<div style="background: pinkwidth:100pxheight:100px"></div>
这样您就会得到一个宽高都是100像素的粉色div元素。html元素默认是没有高度的,需要注意以下。
单纯的背景色的话background也可以写作background-color。background是属性连写,也可以设置背景图,还可以做一些其他设置。
颜色的值可以是固定的英文名称,比如pink,red。也可以是十六进制,比如#666666。也可以是RGB,也可以是rgba,后者比前者多了个透明度,很实用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)