在css中将图像作为网页元素的背景可以通过什么属性

html-css014

在css中将图像作为网页元素的背景可以通过什么属性,第1张

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-color

background-position

background-size

background-repeat

background-origin

background-clip

background-attachment

background-image

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif')也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

默认值:

not specified    

继承性:

no    

版本:

CSS1 + CSS3    

JavaScript 语法:

object.style.background="white url(paper.gif) repeat-y"    

实例

如何在一个声明中设置所有背景属性:

body

 {

 background: #00FF00 url(bgimage.gif) no-repeat fixed top

 }

1、打开dreamweaver 8软件,然后新建一个html页。

2、接下来页面插入div标签,选择工具栏“插入DIV标签”按钮,在打开对话框中ID项给这个div命名,我们给它起个名字叫layout(可以根据自己需要写)。

3、点击“插入”后,如图,给div起个名,

4、点“确定”后代码会多出来

5、增加样式:在右边点击css样式的图标

6、勾选“仅对该文档”

7、设置宽高和背景

8。点击应用确定即可,设置背景颜色:

9、勾选想要的颜色,点应用,确定即可。

10、勾选颜色宽度,自由调节即可