当前位置:w88优德官网网文章中心网站设计软件应用 → DreamWeaver表格应用(细线框的制作)

DreamWeaver表格应用(细线框的制作)

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2012-5-20 7:16:34
大家都知道,所谓细线边框,大体外观上就是一个简单的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表格应用(细线框的制作)”的相关信息:
谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1华航空姐艳照门图片20P完整版 ...
  • 2女中学生遭同学扒光衣裤后凌辱...
  • 3干露露第二波艳照 干露露裸照全...
  • 4香港公园野战门qvod 朱韵蓓野战...
  • 5有钱人都开什么车?系数国内IT...
  • 1未注册双拼优德w88官网查询 未注册双拼...
  • 2百度联盟:哪些做法会被认为是...
  • 3开心网将上线14款应用 电子商务...
  • 4网络红人如何赚钱?我要成为网...
  • 5说说"电视棒"为什么卖得这么火...
  • 1中国女大学生的淫靡生活
  • 2林晨钰爆奶门视频qvod 林晨钰爆...
  • 3粉小狞是谁?粉小狞微博晒粉色...
  • 4武汉十七中教室门种子 教室门q...
  • 5一个脱衣舞女郎的一天
  • 1如何做服务器安全维护?有哪些...
  • 2Xen和虚拟化技术学习指南
  • 3Windows Server 2003 安全性指...
  • 4用Webmin和VSFTP搭建FTP服务器...
  • 5菜鸟入门之centos的文件夹权限...
  • 赞助商广告

    图片文章导读