原文地址:http://blog.sina.com.cn/s/blog_5d04b1530100f1gz.html

Q：網頁中豎線的幾種做法

A：1、用水平線做：
一般水平線的是寬長高短<hr width="1000" size="1" color=#000000>，做豎線我們可以反過來寬短高長，<hr width="1"size="1000" 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;”。但這隻能在ie下看。如果要適合nc，就得再進行修改，有兩種方法：
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>