18.4　背景实例

设置背景的时候，可以用background复合属性对对象的背景进行设置，这样直接接参数即可，也可以单项设置，但前提是设置不同的属性要写出其全称，并不是写background，如设置背景图像：background-image：url（"photo.gif"）。

用CSS来控制背景颜色、背景图像，对于已引入的背景图像，如何设置其他位置，如何设置背景铺排，下面用实例一步步实现。

在本实例的第一步，首先在新建的网页中，设置层对象的选择符，然后内部链接CSS样式，在样式中，设置好与HTML层标记相关联的选择符类box，在box中，设置背景为绿色，下面表示新建一个以绿色为背景的层的代码，如代码18.7所示。

代码18.7　源代码\第18章\背景实例手把手.html

—————————————-文件名：背景实例手把手.html—————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞背景实例手把手＜/title＞

04 ＜style type="text/css"＞

05 .box

06 {

07 /设置高度和边框/

08 height：100px；

09 border：1px solid red；

10 background：green；

11 }

12 ＜/style＞

13 ＜/head＞

14 ＜body＞

15 ＜div class="box"＞＜/div＞

16 ＜/body＞

17 ＜/html＞

【代码解析】本代码表示了一个高为100像素的层，其背景颜色被设置为绿色，外面用红色边框显示，效果如图18.8所示。