繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页背景设计全攻略(2)
- HTML/XHTML教程
- 网页设计中文本输入框的一些参数说明
- XHTML CSS写出正规的BLOG
- 初学者接触HTML了解一些HTML标记(1)
- 网页设计学习XHTML应用小结
- 常用的XHTML标签的使用技巧介绍
- HTML网页META标签内容写作规范要点
- XHTML 1.0 参考
- HTML的一些关于颜色方面的参考
- 你问我答：XML与HTML的区别
- 入门：HTML的基本标签和属性简单介绍
- 带有图片预览功能的上传表单的完整HTML
- HTML表格标记教程(10):单元格边距属性CELLPADDING
- HTML表格标记教程(11):水平对齐属性ALIGN
- HTML表格标记教程(12):边框样式属性FRAME
- HTML表格标记教程(8):背景图像属性BACKGROUND
- HTML表格标记教程(9):单元格间距属性CELLSPACING
- HTML表格标记教程(6):暗边框色属性BORDERCOLORDARK
- HTML表格标记教程(7):背景颜色属性BGCOLOR
- HTML表格标记教程(5):亮边框色属性BORDERCOLORLIGHT
- HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT
HTML/XHTML教程 中的 网页背景设计全攻略(2)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 30 ::
收藏到网摘: n/a
如果你在练习上面的“照片背景”时“不小心”也设置了<body>标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的
6.局部背景
前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。
最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：
<table border="1" width="240" height="101" bgcolor="#C0C0C0">
<tr>
<td width="80" height="46" bgcolor="#00FFFF"></td>
<td width="80" height="46"></td><td width="80" height="46" bgcolor="#00FF00"></td>
</tr>
<tr>
<td width="80" height="47" bgcolor="#FFFF00"></td>
<td width="80" height="47" bgcolor="#FF0000"></td>
<td width="80" height="47" bgcolor="#FF00FF"></td>
</tr>
</table>
在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
除此之外，我们还可以单独为某个文字段落设置背景，甚至为这个文字段落中的某几个文字设置自己的背景，是不是有点相当不错，这也需要用上一些CSS。请先看一下下面的这个例子：
<HTML><HEAD><TITLE>不仅仅是页面的背景</TITLE><STYLE TYPE="text/css"><!--BODY{BACKGROUND:#FFFFDD;COLOR:red}div{BACKGROUND:red;COLOR:white}--></STYLE></HEAD><BODY><P STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">
记得毛主席有这么一首诗："<div>坐地日行八万里，巡于遥看一千河。</div>"伟人就是了不起，……几万里就出去了。</P></BODY></HTML>
在浏览器中的显示效果如图所示，现在是不是有点兴奋了，啊，原来文段也可以有自己的背景。只要你愿意，你就可以为页面的任何一个部分定义自己的背景，从而把页面打扮得更加漂亮和吸引人。
说到这，关于网页背景设计的问题也就说得大概也就差不多了，但新的网页制作技术也在不断涌现，说不定今天你看了这篇文章，明天就觉得它太过时了。笔者写这篇文章，目的是引起广大网页制作者对背景设计的注意，毕竟，背景对网页来说实在是太重要了，当然，网站还是要以内容为第一的。
评论 (0) All
