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

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

當(dāng)你在 ie 中瀏覽這一段代碼時(shí)你能得到一個(gè)你希望的紅色線(xiàn)條，可是如果你的瀏覽器是 netscape 的話(huà)，那么你看到的只是一個(gè)灰色的線(xiàn)條，因?yàn)?netscape 根本就不支持 hr 的 color 屬性。我們?cè)撛趺崔k呢？

1、使用表格

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

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

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

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