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所示。
共有条评论 网友评论