无忧公告:  建站无忧一号群开放:群号:46305815 一起讨论建站时所遇到的问题。   
内容搜索: 标题内容作者
背景: #EDF0F5 #FAFBE6 #FFF2E2 #FDE6E0 #F3FFE1 #DAFAF3 #EAEAEF 默认  
阅读新闻

HTML入门之十二(HTML背景)

[日期:2007-12-31] 来源:http://www.jzwy.net  作者:本站站长 [字体: ]
好的背景能够让网站变得很美妙。



示例

好的背景和文字颜色:



一个背景色和文字颜色让页面文本更易读的例子。


差的背景和文字颜色:



一个背景色和文字颜色让页面文本不便阅读的例子。


在这个页面的底部,还有更多例子。



背景

<body>标签有两个属性可以指定背景。背景可以是颜色,也可以是图像。



bgcolor

bgcolor属性将背景设置为颜色,它的值可以是一个十六进制数、RGB值或者一种颜色名称。

<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">

上面三条语句都可以把页面背景设置成黑色。



background

background属性将背景设置为图像,它的值是你所要使用图像的URL地址。如果这个图像的大小不及浏览器窗口,它将平铺占满窗口。

<body background="clouds.gif">
<body background="http://www.w3schools.com/clouds.gif">

URL地址可以是相对地址(上面第一条语句),也可以是绝对地址(上面第二条语句)。

注意:如果打算使用背景图像,应该牢记:
  • 这个图像会使页面加载时间过长吗?小技巧:图像文件的容量尽量不要超过10K。
  • 这个图像跟页面上其他图像协调吗?
  • 这个图像跟页面上的文字颜色协调吗?
  • 这个图像平铺了以后看起来还可以吗?
  • 这个图像吸引了文字的注意力,喧宾夺主了吗?


基本注意点——有用的技巧

<body>标签的bgcolor、background和text属性在最新的HTML标准(HTML4和XHTML)中已被废弃。W3C在他们的推荐中已删除这些属性。在HTML的未来版本中,层叠样式表(CSS)将被用来定义HTML元素的布局和显示属性。

一般的网站很少使用背景图像。

最常用的背景颜色是黑色、白色和灰色。



更多示例:

好的背景图像:


一个背景图像和文字颜色让页面文本易于阅读的例子。


好的背景图像2:


另一个背景图像和文字颜色让页面文本易于阅读的例子。


差的背景图像:


一个背景图像和文字颜色让页面文本不便阅读的例子。
阅读:
录入:无忧

推荐 】 【 打印
本文评论       全部评论
发表评论


点评: 字数
姓名:

  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款