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

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

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

1、使用表格

現(xiàn)在流行的網(wǎng)頁制作中我們大多數(shù)是用表格來規(guī)劃一個網(wǎng)頁的基本布局，因此使用表格的單元格來制作線條不會給你增加太多的麻煩。

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

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

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