动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 网页背景设计全攻略(2)

作者:风未起时 来源:中国站长学院 
阅读 2011 人次 , 2006-2-15 14:44:00 

5.复合背景

  如果你在练习上面的“照片背景”时“不小心”也设置了<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>
  在浏览器中的显示效果如图所示,现在是不是有点兴奋了,啊,原来文段也可以有自己的背景。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。
  说到这,关于网页背景设计的问题也就说得大概也就差不多了,但新的网页制作技术也在不断涌现,说不定今天你看了这篇文章,明天就觉得它太过时了。笔者写这篇文章,目的是引起广大网页制作者对背景设计的注意,毕竟,背景对网页来说实在是太重要了,当然,网站还是要以内容为第一的。   
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:网页背景设计全攻略(1)
· 下一篇:网页配色之黄金分割法
· CSS中的滑动门技术(2)
· CSS重新定义项目符号和编号
· Javascript实例教程(21-1)
· Java咖啡馆——第一杯咖啡(3)
· Javascript实例教程(20-13)


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077