1.5.3设置页面颜色和背景

1.5.3　设置页面颜色和背景

使用CSS背景颜色属性和背景图片属性，可以很方便地设置Web页面的颜色和背景。

1.背景颜色属性：background-color

此属性为HTML元素设定背景颜色，示例代码如下。

body{background-color：#99FF00；}

上面的代码表示body这个HTML元素的背景颜色值是#99FF00。

2.背景图片属性：background-image

此属性为HTML元素设定背景图片，示例代码1-22演示了如何使用背景图片属性。

代码1-22　用CSS设置背景图片1-22.html

01 ＜html＞

02 ＜head＞＜title＞背景图片background-image＜/title＞＜/head＞

03 ＜body style="background-image：url（background.jpg）"＞

04 ＜p＞这个HTML文档使用了CSS的background-image属性来设置Web页面的背景图＜p＞

05 ＜/body＞

06 ＜/html＞

【代码解析】第3行通过url指定了背景图片，这里务必要写清图片所在的位置，必须在这个程序的当前目录下。显示效果如图1-25所示。