背景图像[background-image]

简介: 背景图像[background-image]。

背景图像[background-image]
CSS属性background-image用于设置背景图像。
在下面的示例中,我们使用了一张蝴蝶的图像作为背景。你可以将该图片下载下来(方法为:鼠标右击该图片,然后选择“图片另存为”),以便在自己的计算机上使用。当然,你也可以选用其他你觉得满意的图片。
如果要把这个蝴蝶的图片作为网页的背景图像,只要在body元素上应用background-image属性、然后给出蝴蝶图片的存放位置就行了。

body {
background-color: #FFCC66;

background-image: url("../images/butterfly.png");

}

h1 {
color: #990000;
background-color: #FC9804;
}

目录
相关文章
|
前端开发
background-image中的细节
background-image中的细节
|
前端开发
CSS:实现background-image背景图片全屏铺满自适应
CSS:实现background-image背景图片全屏铺满自适应
2290 0
|
7月前
|
前端开发
背景色[background-color]
背景色[background-color]。
42 6
|
前端开发
【CSS】background-image背景图片全屏铺满自适应
【CSS】background-image背景图片全屏铺满自适应
166 0
CSS3 border-image 边框图片
CSS3 border-image 边框图片
71 0
SVG RGB 与 HSL 区别与使用
SVG RGB 与 HSL 区别与使用
80 0
|
移动开发 前端开发
h5 video以及img控件加上border显示不全的解决方案!
h5 video以及img控件加上border显示不全的解决方案!
292 0
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
关于 QWidget无法使用stylesheet设置自身backgound-color(背景色)和border-image(背景图片) 的解决方法
|
数据采集 前端开发 JavaScript
|
前端开发
css background-image 背景图片自适应宽高
css background-image 背景图片自适应宽高
1285 0