设为首页 | 收藏本站
首页>IT学院>网页设计>正文
DW表格应用之细线框的制作
WWW.DBIT.CN 2007-12-4 8:17:59 热度:
 
  细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够达到不错的效果,那么如何制作细线边框呢?

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

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

Dreamweaver


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

Dreamweaver


Dreamweaver


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

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

Dreamweaver


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

Dreamweaver


  为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。
 
上一篇:没有了
下一篇:Dreamweaver架设网站高级教程
打印】【关闭
  相关文章:
☆联姻学院☆

Windows XP回收站无法清空解决
win xp下U盘不显示盘符的解决
Sxs.exe病毒完全清理的方法
U盘病毒HDM.exe的分析手段解决
PowerPoint做交互课件
Excel中频繁提示“无法清空剪
在Windows系统中跟踪IP地址
Linux系统的服务器优化及安全
平面设计中的常用字库种类说明
Photoshop cs2在Vista下的尴尬
DW表格应用之细线框的制作
Dreamweaver架设网站高级教程
ASP.NET常用的三十三种实用代
编程中获取天气预报的源代码
有线网卡转无线网卡的另类妙招
无线WiMAX和Wi-Fi的常见知识误

精品图秀
美女面相大盘点
清新孙俪纯情写真
刘羽琦最新写真
中国高校不宜过分扩招 数码相机配件选购误区 爱国者MP5-E898入驻三 尼康广角相机上市 东软电脑城店庆日