自由勇-王志勇(1980-09-26)
Webshu编辑。
1994年开始练习五笔字形；2000年底开始学习和大量实践网页制作；目前从事程序设计。

自由勇的Blog
Blog存档
我的Blog英文版
给我留言

访问统计：
49859

2003年11月20日 17:28　点击：超过8000次

　　HTML没有直接写竖线的专用标记，使用<hr>来做竖线有局限性，所以竖线只能通过表格table来实现。有2种方法可以写竖线，你可任选一种，例如要高90像素的竖线：
　　1.代码如：<table cellspacing=0 cellpadding=0 height=90 style=border-color:000000;border-left-style:solid;border-width:1px><tr><td valign=top>内容</table>
　　效果如：

内容

　　2.代码如：<table height=90 cellspacing=0 cellpadding=0><tr><td bgcolor=000000 width=1><td width=300 valign=top>内容</table>
　　效果如：

内容

　　说明：
　　方法1和方法2的区别是：方法1是使用样式表给表格定义，只让它的左边线为黑色；方法2是，做出一个单元格，让它宽为1像素，背景色为黑色，方法2的竖线也可用背景图片。方法2的“cellspacing=0 cellpadding=0”这两句不要省。这两者的使用方法是一样的，把上述的代码复制到你的网页要插入的地方就可以了。

网页树树版权声明：
此文为Webshu.com独家撰稿，著作权属作者所有，禁止转载。
此文网址 http://www.webshu.com/column/102/10.html