首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
DreamWeaver表格妙用-线框制作详解(3)
来源: 作者: 发布时间:2007-04-12

2> 细线边框的制作


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


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

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







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






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


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





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





  为了便于大家理解,这里笔者再稍微解释下。其中我们将“CellSpace”设定为  1,在设定表格的背景颜色时,无疑已经包括了这一部分。而后面的单元格设定则恰好把它“甩”下了。这样就促成了显示上的效果,那么改变表格背景色也就是改变边框的颜色了。



[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
·DreamWeaver表格妙用-线框制作详解(2)
·DreamWeaver表格妙用-线框制作详解(4)
·DreamWeaver表格妙用-线框制作详解(1)
·DreamWeaver表格妙用-线框制作详解(5)
·Dreamweaver行为全接触(5)
·Dreamweaver 4 简明教程(一、Dreamwea
·Dreamweaver行为全接触(4)
·Dreamweaver 4 简明教程(二、初步认识
·Dreamweaver行为全接触(3)
·Dreamweaver 4 简明教程(三、制作前的
文章检索
Google
相关文章
·DreamWeaver表格妙用-线
·DreamWeaver表格妙用-线
·DreamWeaver表格妙用-线
·DreamWeaver表格妙用-线
·Dreamweaver行为全接触(
·Dreamweaver 4 简明教程
·Dreamweaver行为全接触(
·Dreamweaver 4 简明教程
·Dreamweaver行为全接触(
·Dreamweaver 4 简明教程
·Dreamweaver行为全接触(
·Dreamweaver行为全接触(
·水平细线的几种制作方法
·为你的站点定做颜色
·如何制作会移动的广告条