線條是網頁中使用得比較多的一種 html 對象，在 html 語言中提供了一個 < hr > 的標簽，也就是水平直線。但由于這個標簽的局限性使我們在制作網頁時遇到了一些麻煩，比如：線條的顏色以及怎樣制作縱向的線條。在這里，筆者就在網頁中制作線條的這兩個方面的技巧介紹一點自己的心得。

為了顧及各種瀏覽器之間的兼容性，網頁制作者在制作網頁的時候常常需要考慮標簽的各種屬性在每一種瀏覽器中是否能夠正確的顯示。其中就有一個水平線的顏色屬性問題。我們都知道 < hr > 標簽具有一個 color 屬性，例如我們要制作一條紅色的線條就可以用這樣的代碼：
< hr color="顏色代碼" >

當你在 ie 中瀏覽這一段代碼時你能得到一個你希望的紅色線條，可是如果你的瀏覽器是 netscape 的話，那么你看到的只是一個灰色的線條，因為 netscape 根本就不支持 hr 的 color 屬性。我們該怎么辦呢？

1、使用表格

現在流行的網頁制作中我們大多數是用表格來規劃一個網頁的基本布局，因此使用表格的單元格來制作線條不會給你增加太多的麻煩。

1. 首先我們需要將表格的單元格邊距屬性（cellpadding）設置為 0 。如：< table cellpadding="0" >，注意：只有將這個邊距屬性設置為 0 你才能制作一個小于 4 個象素的線條。因為 html 中 cellpadding 的默認值是 2 個象素，上下兩個邊距相加就是 4 個象素。如果不設置 cellpadding 屬性哪怕是你將這個單元格的高度（height）設置為 0 ，這個單元格的實際高度仍然是 4 個象素。
2. 將單元格的高度（height）設置為你希望得到的線條的高度。
3. 設置單元格的背景顏色，如：
4. 利用圖像制作軟件制作一個 1 * 1 的 gif 格式的圖像（一個點）。這里又有一個技巧，你可以將這個圖像設置為透明的，這樣你就可以利用這個“點”來制作任何顏色的線條，而不需要為每一種顏色的線條都制作一個這樣的“點”。

這時你再用 netscape 瀏覽這個表格你就可以看到一個紅色的線條了。也就是說在 netscape 中當一個單元格中什么也沒有的時候，無法顯示這個單元格的背景色，而只要這個單元格中有一點東西，就可以顯示單元格的被景色。筆者也不知道什么原因但事實如此。

使用這一種方法你也可以制作縱向的線條。你只是需要將上述步驟的第 2 步的寬度改為你想要的線條的寬度，然后再設置高度或者調整這個單元格的行跨度以達到你想要的長度。這需要你在網頁制作過程中根據自己的實際要求來做出相應的處理。順便說一句，以前《電腦報》登過一篇文章說可以使用 hr 的 size 屬性來制作縱向線條，但我在實際中發現這種方法只能制作 100 個象素長的縱向線條。