果洛皆料电子有限公司

網(wǎng)頁中制作線條的技巧

  • 發(fā)布于:2019-12-24
  • 287 人圍觀

    線條是網(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)你在 IE 中瀏覽這一段代碼時你能得到一個你希望的紅色線條,可是如果你的瀏覽器是 Netscape 的話,那么你看到的只是一個灰色的線條,因為 Netscape 根本就不支持 HR 的 Color 屬性。我們該怎么辦呢?

1、使用表格

    現(xiàn)在流行的網(wǎng)頁制作中我們大多數(shù)是用表格來規(guī)劃一個網(wǎng)頁的基本布局,因此使用表格的單元格來制作線條不會給你增加太多的麻煩。 首先我們需要將表格的單元格邊距屬性(cellpadding)設(shè)置為 0 。如:< table cellpadding="0" >,注意:只有將這個邊距屬性設(shè)置為 0 你才能制作一個小于 4 個象素的線條。因為 HTML 中 Cellpadding 的默認值是 2 個象素,上下兩個邊距相加就是 4 個象素。如果不設(shè)置 Cellpadding 屬性哪怕是你將這個單元格的高度(Height)設(shè)置為 0 ,這個單元格的實際高度仍然是 4 個象素。 將單元格的高度(Height)設(shè)置為你希望得到的線條的高度。 設(shè)置單元格的背景顏色,如: 利用圖像制作軟件制作一個 1 * 1 的 GIF 格式的圖像(一個點)。這里又有一個技巧,你可以將這個圖像設(shè)置為透明的,這樣你就可以利用這個“點”來制作任何顏色的線條,而不需要為每一種顏色的線條都制作一個這樣的“點”。

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

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

萬企互聯(lián)
標(biāo)簽: