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

 DreamWeaver表格妙用-线框制作详解(3)

作者来源: 
阅读 2090 人次 , 2006-4-19 16:08:00 

2> 细线边框的制作


  细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够达到不错的效果,那么如何制作细线边框呢?


  大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的Border值设定为1不就可以了吗?请看下面的制作效果:

  同样在网页中指定位置插入一个单行单列的表格,用鼠标单击表格外框的任何一个部位以选中它,在属性板中将“Border”值设定为1,也可以同时将另外的“CellPad”和“CellSpace”置零,如图:


DreamWeaver表格妙用-线框制作详解(3)




预览状态下的不同效果图示:


DreamWeaver表格妙用-线框制作详解(3) DreamWeaver表格妙用-线框制作详解(3)



从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”设置来实现要求的细度。


  同样在上面的表格中,将属性板中,“border”、“cellpad”设置为“0”,“cellspace”设置为“1”,注意“Cellspace”指的是单元格与单元格之间的距离大小。如图


DreamWeaver表格妙用-线框制作详解(3)


  将表格的“Bgcolor”设定为“红色”,同时将单元格的“Bgcolor”设定为同网页背景色-“白色”,预览效果如图:


DreamWeaver表格妙用-线框制作详解(3)


  为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为  1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。
  
 本文Tagsdreamweaver  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:DreamWeaver表格妙用-线框制作详解(2)
· 下一篇:DreamWeaver表格妙用-线框制作详解(4)
· 巧用Dreamweaver MX控制页面元素
· DreamweaverMX2004 多媒体教程(9)
· DreamweaverMX 2004的新特性
· DW MX 2004 CSS属性详解之DROPSHADOW属性
· DreamweaverMX2004 多媒体教程(95)


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