从3D视角看盒模型可以发现多了两个属性:background-image和background-color,而这两个属性都可以归纳到元素的background中,同时在元素的background中还有6个属性[1]可以影响到background-image和background-color的绘制情况,这篇博文主要是用来介绍background-image和background-color还有其余6个属性以及它们是怎样影响到...
background-image 用来为某个元素设置背景图像,默认情况下浏览器会从元素内容的左上角开始(若有内边距则从元素内边距区域的左上角开始),在水平和垂直方向上重复背景图像,以填充整个元素区域,您可以使用 background-repeat 属性来控制背景图像是否重复或如何重复。 background-image 属性的可选值如下: 【示例】使用 b...
1、背景的颜色:background-color 背景颜色可以写成十六进制的以#开头,还可以是rgb格式rgb(255.0.0),还可以直接写成颜色的英文格式。 格式一:background-color:#fff; 格式二:background-color:rgb(255.0.0); 格式三:background-color:yellow; 2、背景的图片:background-image ...
1、background-color属性值可以用十六进制、英文、rgb() body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); } 上面三种写法都是可以的 2、background-image body { background-image:url(‘paper.gif’); ...
背景颜色的简写属性为 "background": body {background:#ffffff url('img_tree.png') no-repeat right top;} 1. 当使用简写属性时,属性值的顺序为:: background-color background-image background-repeat background-attachment background-position
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
1、background-color background 是复合属性。 background-color:背景色。 色值表示法:#ff0000 ,red ,rgb(255,0,0),rgba(255,0,0,.5) 背景色渲染位置:border以内。 2、background-image background-image:背景图 url:统一资源定位符,图片的地址
background-image :规定要使用的背景图像。 可以看出background-image属性就是给html页面设置背景图片的属性,下面看看它的用法 1background-image:url(1.jpg); 这样在url()里给出图片的路径,就可以给div盒子设置一个背景图片;看似简单,但有一点要注意,设置背景图片的盒子必须要有实质的宽度与高度,这样才可以让背景...