参考来源:www.BlaBla.cn 布啦布啦网页教程与代码
学习笔记
(十三)HTML背景颜色和背景图片
HTML的 <body> 有两个关于背景的属性,
一个是
bgcolor,是设置背景颜色的;
另一个是
background,是设置背景图片的。
bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色。
示例
<html> <body bgcolor="yellow"> <h2>看,这个页面是黄色的。</h2> </body> </html>
效果
看,这个页面是黄色的。(在边框外)
background属性
background属性用来设置HTML网页的背景图片。
background属性值就是背景图片的路径和文件名,如:
<body background="../images/html_tutorials/blabla_logo.gif">
<body background="http://www./gifs/blabla_logo01.gif">
如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。
示例
<html>
<body background="http://userimage2.360doc.com/10/0822/23/2572160_201008222351270316.jpg">
<h3>这个网页有背景图片哦!</h3>
<p>如果图片比页面小,图片会自动重复。</p>
</body>
</html>
效果
这个网页有背景图片哦!
如果图片比页面小,图片会自动重复。(在边框外)
建议
bgcolor和background这两个<body>的属性,
在新的HTML标准(HTML 4 and XHTML)里已不建议使用,
而建议用CSS设置背景颜色和图片。
为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。
|