如何在网页中加入一条竖线

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

 

内容

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

 

  内容

说明
方法1和方法2的区别是:方法1是使 用样式表给表格定义,只让它的左边线为黑色;方法2是,做出一个单元格,让它宽为1像素,背景色为黑色,方法2的竖线也可用背景图片。方法2的 “cellspacing cellpadding”这两句不要省。这两者的使用方法是一样的,把上述的代码复制到你的网页要插入的地方就可以了。
  如果您需要从网页中复制代码到FP或DW中,复制请注意:一定要先从这里复制到记事本,然后再从记事本复制到FP或DW的html模式下,切记切记,否则无效。

 

posted @ 2015-05-13 19:37  星辰之力  阅读(6233)  评论(0编辑  收藏  举报