background-image : url(“/flash/icon/nai_small.png”); // 根路径 background-image : url(“../nai_small.png”) ; // 相对于css文件的路径 background-image : url(../nai_small.png) ; //不写引号 background-image : url(‘../nai_small.png’) ; // 单引号 背景重复 background-repe...
一、background-color:用于设置元素的背景颜色。可以使用十六进制值、RGB 值等来指定颜色。例如: body{ background-color:#00ff00;/* 使用十六进制值 */ /* background-color: rgb(255, 0, 0); 使用RGB值 */ /*background-color: rgba(255, 0, 0, 0.5); 使用带不透明度的RGB值 */ } 关于颜色的...
从3D视角看盒模型可以发现多了两个属性:background-image和background-color,而这两个属性都可以归纳到元素的background中,同时在元素的background中还有6个属性[1]可以影响到background-image和background-color的绘制情况,这篇博文主要是用来介绍background-image和background-color还有其余6个属性以及它们是怎样影响到...
1、背景的颜色:background-color 背景颜色可以写成十六进制的以#开头,还可以是rgb格式rgb(255.0.0),还可以直接写成颜色的英文格式。 格式一:background-color:#fff; 格式二:background-color:rgb(255.0.0); 格式三:background-color:yellow; 2、背景的图片:background-image ...
tips:background-position一般最多运用在雪碧图当中来移动背景图片的位置。 如果我们将该图片看成是一张雪碧图,想只展示从嘴巴往右及往下的部分则可以利用background-position将图片往左移动,将嘴巴部分移动到原点展示 像以上所有的属性,其实可以加些成以下形式:background:color image repeat fixed postion ...
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:url(‘paper.gif’); background-color:#cccccc; } url()指向背景图像的文件路径 元素的大小包括内边距,不包含边框; 默认情况下,background-image放置在元素的左上角,并重复垂直和水平方向。 属性值 3 background-repeat 设置背景图像如何平铺 ...
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
background-color:设置背景颜色。 background-image:设置背景图片。 background-repeat:指定背景图片如何重复显示。 background-position:设置背景图片的位置。 background-size:设置背景图片的尺寸。 background-attachment:指定背景图片是否固定或随滚动而移动。