html中竖线怎么写,网页中竖线的几种做法

Q:网页中竖线的几种做法

A:1、用水平线做:

一般水平线的是宽长高短


color=#000000>,做竖线我们可以反过来宽短高长,


width="1"size="1000"

color=#000000>,怎么样?竖线出来了吧?不过这个做法我发现好象有个BUG,就是高只能显示100px的,你设的再高也没用!

2、用表格做:

(1) 代码如下:

height="1000" frame=rhs>

style="border:none">

做法:先做出细线表格,然后……用frame可以控制表格只显示一边的线条,左右上下四条线随便控制。想想,表格已经是细线表格了,现在我只要控制它显示一条边[这里我控制的是显示右边的线条],这样竖线就出来了!是不是?容易吧?

(2) 代码如下:

border="0">

bgcolor="#000000">

width="1"

height="1">

这个做法也简单,把背景色设置一下,宽设1px,高度就随便你控制啦~注意表格中间的填充!

(3)

定义表格的背景色,再改表格的width,height,然后去掉其中的“ ”。但这只能在ie下看。如果要适合nc,就得再进行修改,有两种方法:

A:制作一个1×1px的透明图片将其插入。

B:在td中加入

height=1>或

width=1>

3、用层做:

这是最简单的做法,做一个层,层的背景色是你要的竖线颜色,宽度是1px,长度随你!

你可能感兴趣的:(html中竖线怎么写)