当前位置: 首页 > 文章教程  > 计算机与互联网 > 网络编程

1.5.3设置页面颜色和背景

9/17/2020 9:26:54 PM 人评论

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所示。

图 1-25 页面背景效果

相关教程

共有条评论 网友评论

验证码: 看不清楚?