上一篇:三步打造超炫Flash按钮 >>
DreamWeaver表格妙用-线框制作详解3
细线边框是网页中定位区分内容常用的一种方法,配合特定图片的使用,往往能够达到不错的效果,那么如何制作细线边框呢?
大家都知道,所谓细线边框,大体外观上就是一个简单的1行1列表格,那么我们直接把表格对象的border值设定为1不就可以了吗?请看下面的制作效果:
同样在网页中指定位置插入一个单行单列的表格,用鼠标单击表格外框的任何一个部位以选中它,在属性板中将“border”值设定为1,也可以同时将另外的“cellpad”和“cellspace”置零,如图:
预览状态下的不同效果图示:
从上面的图示中,不难看出简单的边框置1达不到效果,下面我们看下,如何通过对表格的“巧妙”设置来实现要求的细度。
同样在上面的表格中,将属性板中,“border”、“cellpad”设置为“0”,“cellspace”设置为“1”,注意“cellspace”指的是单元格与单元格之间的距离大小。如图
将表格的“bgcolor”设定为“红色”,同时将单元格的“bgcolor”设定为同网页背景色-“白色”,预览效果如图:
为了便于大家理解,这里笔者再稍微解释下。其中我们将“cellspace”设定为 1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。
()
相关文章:
- · 为你的站点定做颜色
- · 水平细线的几种制作方法
- · Dreamweaver行为全接触1
- · Dreamweaver的操作诀窍点滴
- · Dreamweaver行为全接触4
- · Dreamweaver行为全接触3
- · Dreamweaver行为全接触2
- · Dreamweaver MX Ultradev探索1
- · Dreamweaver MX Ultradev探索2
- · DreamweaverMX Ultradev探索3-1
- · DreamweaverMX Ultradev探索3-2
- · DreamweaverMX Ultradev探索4-1
- · DreamweaverMX Ultradev探索4-2
- · Dreamweaver MX Ultradev探索5-1
- · Dreamweaver MX 打造我们的留言本一
- · Dreamweaver3 图层应用技巧(六)
- · Dreamweaver4.0 快捷键自己DIY
- · DreamWeaver高级应用—模板与库
- · Dreamweaver经典技巧,一个也不能少
- · DW-MX制作ASP.NET-修改
- · 用Dreamweaver MX制作导航下拉菜单
- · DW-MX制作ASP.NET-链接与补充
- · 在DW中利用MXP插件插入VRML作品
- · 十六则DW使用快技法
- · 自己动手制作活动菜单条
- · 在Dreamweaver中插入背景音乐的几种方法
- · Dreamweaver MX Ultradev探索(前言)
- · Dreamweaver中怎样使用模板
- · DreamwaverMX与ASP.NET二
- · DreamwaverMX与ASP.NET三
- · DreamwaverMX与ASP.NET四
- · 打造超酷网页右键菜单二法
- · 占位图形在DW MX中的应用
- · 活用DW的数据导入、排序与美化
- · DreamwaverMX与ASP.NET一
- · 利用CSS,不通过replace替换标引HTML标记
- · Dreamwaver MX与ASP.NET六
- · 下拉菜单全攻略之Dreamweaver篇
