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
投稿

猜你喜欢

  • 使用Python中的cookielib模拟登录网站

    2022-01-20 08:54:26
  • JS实现隔行换色的表格排序

    2024-04-29 13:35:55
  • python 用递归实现通用爬虫解析器

    2022-04-15 08:13:55
  • 浅谈ACCESS数据库升迁SQLSERVER注意事项

    2007-08-11 13:44:00
  • 列举PHP的Yii 2框架的开发优势

    2024-05-11 10:11:23
  • 前端面试运行npm run xxx发生过程原理解析

    2024-04-28 09:34:14
  • PHP设计模式中观察者模式详解

    2023-05-27 04:43:31
  • PHP7新特性foreach 修改示例介绍

    2024-06-05 09:23:48
  • Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定

    2023-07-02 16:28:13
  • W3C Group的JavaScript1.8新特性介绍

    2009-07-24 12:31:00
  • Nuxt3+ElementPlus构建打包部署全过程

    2023-07-02 16:28:51
  • vue iview实现动态新增和删除

    2024-05-08 09:34:31
  • JavaScript获取时区实现过程解析

    2023-08-22 20:58:34
  • python清理子进程机制剖析

    2021-08-10 22:05:19
  • MySQL一些常用高级SQL语句详解

    2024-01-29 02:45:22
  • vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)

    2024-05-28 15:54:41
  • MySQL 8.0.18使用clone plugin重建MGR的实现

    2024-01-24 11:21:30
  • MySQL存储过程的查询命令介绍

    2024-01-13 22:34:49
  • 如何远程连接SQL Server数据库图文教程

    2024-01-21 16:23:30
  • javascript开发经验谈

    2009-05-01 12:14:00
  • asp之家 网络编程 m.aspxhome.com