DW表格应用之细线框的制作

来源:enet 时间:2008-02-03 19:00:00 

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

asp之家注:现在要实现这个效果用css可以很方便的做到,推荐:苏沈小雨CSS2样式表中文帮助手册下载

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

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



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





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

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



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



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

标签:dw,表格,边框
0
投稿

猜你喜欢

  • 用Mysql查询语句记录

    2011-02-16 12:29:00
  • CSS hacks与争议

    2007-11-19 12:56:00
  • Web标准基础教程:CSS简写指南

    2010-04-02 12:47:00
  • javascript中css的float特殊写法

    2007-12-24 20:24:00
  • 解析xml字符串的函数

    2008-06-10 12:37:00
  • 谦逊编程(翻译整理)

    2009-07-28 12:52:00
  • 怎么才能限制SQL Server只能让指定的机器连接

    2010-07-30 13:30:00
  • 浅谈MySQL的存储引擎之表类型存储

    2011-05-05 08:10:00
  • 对fieldset和legend的默认样式一点分析

    2008-07-02 12:56:00
  • asp如何用CDONTS发送带附件的邮件?

    2010-06-11 19:57:00
  • MySQL重定位数据库目录的内容

    2009-02-26 16:03:00
  • 该死的IE,走好

    2009-01-15 12:26:00
  • 用来武装Firefox的24款Web开发插件

    2010-02-28 12:40:00
  • 使用MHTML 解决 data URI scheme 的浏览器兼容问题

    2009-05-11 12:30:00
  • Asp无组件上传进度条解决方案

    2010-04-24 16:01:00
  • 我们需要什么样的压力测试工具?

    2009-09-09 14:18:00
  • 960 Grid System 基本原理及使用方法

    2009-02-28 13:35:00
  • 不同情况下修复Access数据库的实用方法

    2008-11-28 16:18:00
  • JavaScript奇怪的比较——隐式类型转换

    2009-02-15 13:06:00
  • 三种禁用FileSystemObject组件的方法

    2007-09-23 15:52:00
  • asp之家 网络编程 m.aspxhome.com