background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:right top; } 尝试一下 » 背景- 简写属性 在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。 为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中. 背景颜色的简写属性为 "background": 实...
background-image:url(./img/bg2.png); background-repeat: repeat-x; } 效果如下: 其他属性你可以自行试试。 四、background-position:用于控制背景图片的位置。它的取值有三种类型: 百分比值:指定背景图片位置相对于包含块的百分比。例如,background-position: 50% 50%;表示背景图片在水平和垂直方向上都居中...
CSS 中通过 background 属性来设置背景,它是一个综合属性,可以拆分成多个单一属性。 二、背景颜色 background-colorbackground-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰。 加载区域:在 border 及以内加载背景颜色。 属性值:颜色名、颜色值。 三、背景图片 background-image 属性名:backgroun...
4.设置背景图像是否会随视窗滚动而滚动:background-attachment scroll 设置背景图像会随视窗滚动条的移动而移动(默认)。 fixed 设置背景图像不会随视窗滚动条的移动而移动。 背景图案简化格式:颜色 背景图片 repeat attachment position 代码如下: body{ background-image:url(fads.png); background-repeat:no-repeat...
background-image: url('pattern.png'); background-repeat: repeat-x; /* 图片只在水平方向重复 */ } 1. 2. 3. 4. 四、综合示例:背景复合属性 CSS允许使用background属性一次性设置所有背景相关的属性,顺序为:颜色、图片、重复、位置、大小、附件。
body{background-color:#CCC;/*设置网页的背景颜色*/background-image:url(bg.jpg);/*设置网页的背景图像*/background-repeat:repeat-x;/*设置背景图像的平铺*/} 在图中,图像只沿着水平方向平铺,背景图像覆盖的区域就显示背景图像,背景图像没有覆盖的区域按照设置的背景颜色显示。可见当背景图像和背景颜色同时存在...
<color>: 指定颜色。 说明: 设置或检索对象的背景颜色。 当同时定义了背景颜色和背景图像时,背景图像覆盖在背景颜色之上。 如果设置了 <'background-image'>,同时也建议设置 <' background-color '> 用于当背景图像不可见时保持与文本颜色有一定的对比度。
background-origin 语法: 1.padding-box : 从padding区域开始显示背景图像。(默认值) 2.border-box : 从border区域开始显示背景图像。 3.content-box : 从content 区域开始显示背景图像 九、复合属性 语法:background : [background-color]背景颜色 | [background-image] 背景图片| [background-position]背景定位...
这是一个复合属性,可以同时设置背景颜色、背景图片、背景重复、背景位置等。 CSS3还可以给元素背景添加多个背景图片。 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: · background-color 背景颜色 · background-image 背景图像 · background-repeat 设置背景图像在页面的水平或者垂直方向平铺与否。
background-image:url('img_tree.png'); background-repeat:no-repeat; background-position:right top; } 尝试一下 » 背景- 简写属性 在以上实例中我们可以看到页面的背景颜色通过了很多的属性来控制。 为了简化这些属性的代码,我们可以将这些属性合并在同一个属性中. ...