码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-13 21:27:05      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

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模式下,切记切记,否则无效。

 

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

标签:

原文地址:http://www.cnblogs.com/zhujiabin/p/4501432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!