网页中竖线的几种做法

来源：互联网发布：网络交换机正确接线图编辑：程序博客网时间：2024/04/28 15:27

Q：网页中竖线的几种做法
A：1、用水平线做：
一般水平线的是宽长高短
<hr width="10"size="10" color=#000000>，做竖线我们可以反过来宽短高长，，怎么样？竖线出来了吧？不过这个做法我发现好象有个BUG，就是高只能显示100px的，你设的再高也没用！
2、用表格做：
(1) 代码如下：

<table width="1" border="1" bordercolor="#000000" height="1000" frame=rhs><tr><td style="border:none"></td></tr></table>

做法：先做出细线表格，然后……用frame可以控制表格只显示一边的线条，左右上下四条线随便控制。想想，表格已经是细线表格了，现在我只要控制它显示一条边[这里我控制的是显示右边的线条]，这样竖线就出来了！是不是？容易吧？
(2) 代码如下：

<table width="1" height=1000 border="0"><tr><td width="1" bgcolor="#000000"><img src=empty width="1" height="1"></td></tr></table>

这个做法也简单，把背景色设置一下，宽设1px，高度就随便你控制啦~注意表格中间的填充！
(3) 定义表格的背景色，再改表格的width,height，然后去掉其中的&nbsp。
A：制作一个1×1px的透明图片将其插入。
B：在td中加入<spacer type=block height=1>或<spacer type=block width=1>
3、用层做：
这是最简单的做法，做一个层，层的背景色是你要的竖线颜色，宽度是1px，长度随你！

<div id="Layer1" style="position:absolute; width:1px; height:200px; z-index:1; background-color: #000000;layer-background-color: #000000; border: 1px none #000000; left: 143px; top: 263px"></div>

0 0