深圳網(wǎng)站建設(shè)公司國人偉業(yè)有很多方法可以讓你的HTML頁面看起來更漂亮，結(jié)構(gòu)更合理。更具體地說，水平線可以發(fā)揮特殊作用，使您的網(wǎng)站內(nèi)容平衡、清晰、易于瀏覽。每當(dāng)我們決定在我們的網(wǎng)站上做一些大的改變時，像線條這樣的小東西就可以改變。這些小東西讓你的網(wǎng)站信息更全面。此外，它們還可以改變web資源的視覺吸引力以及受眾對數(shù)據(jù)的感知方式。

-水平線被認(rèn)為是在網(wǎng)站上實現(xiàn)廣泛目的的最流行和最簡單的方法之一。雖然乍一看可能很簡單，但它是一個多功能元素，您可以根據(jù)具體需求進行調(diào)整。通過對網(wǎng)頁的HTML代碼進行簡單修改，可以調(diào)整水平線的以下規(guī)格：

長度；
寬度；
顏色
對齊
還值得指出的是，水平線指的是塊元素。這意味著它被放在網(wǎng)頁上的一個單獨的行上，并且你在該行旁邊添加的文本將被放在它的下面。
水平線在將頁面劃分為不同部分時非常有用，要添加簡單的水平線，只需鍵入<hr>，您將得到以下結(jié)果：
如何創(chuàng)建水平線
您可以使用簡單的<hr>標(biāo)記設(shè)置一行。它是“水平規(guī)則”的縮寫，并設(shè)置經(jīng)典的外部參數(shù)。它與其他許多東西的不同之處在于它不需要結(jié)束標(biāo)記，可以獨立存在?？梢允褂脴?biāo)記中的其他值更改圖元的外部特征：
看起來像這樣。例如，如果我們想要100像素的長度，我們將設(shè)置一個如下的標(biāo)記：hr width=“100”。
對齊
可以在左邊緣或右邊緣以及中心對齊直線。此功能僅在已指定寬度參數(shù)時有效，因為無法對齊整頁行。對于對齊，在“對齊”標(biāo)記中設(shè)置一個附加屬性，并向其添加方向：中心-用于中心，左-用于左和右-用于右對齊。
在本例中，完成的標(biāo)記將如下所示：如果需要為長度為150像素的水平線設(shè)置中心對齊，則完成的標(biāo)記將如下所示：hr align=“center”width=“150”。
請注意，對齊的度量值“align”位于位置1，即使該屬性取決于長度度量值寬度。
寬度。
也可以選擇指定寬度，創(chuàng)建粗體或細下劃線。此標(biāo)準(zhǔn)不依賴于任何內(nèi)容，可以獨立使用，而無需指定長度或?qū)R方式。為此，我們在標(biāo)記中使用size屬性和一個數(shù)值，該數(shù)值等于所需的像素寬度。數(shù)字在大小屬性和“=”符號后用引號表示。
因此，如果我們需要創(chuàng)建一條15像素寬的線，我們需要創(chuàng)建以下標(biāo)記：hr size=“15”。
顏色
它也被設(shè)置為一個獨立的指標(biāo)。若要更改顏色，請以代碼或英語的形式將顏色屬性與顏色名稱結(jié)合使用。顏色在“=”符號后用引號表示。
因此，標(biāo)準(zhǔn)白線的標(biāo)記可以用兩種方式書寫：hr color=“#FFFFFF”或hr color=“white”
可以使用代碼#000000創(chuàng)建黑色。
如何制作彩色水平線？
水平線有利于將一個文本塊與另一個文本塊分開。頂部和底部有水平線的小文本比普通文本更能吸引讀者的注意力。
使用<hr>標(biāo)記，可以繪制水平線，其外觀取決于使用的屬性以及瀏覽器。標(biāo)記引用塊元素，因此該行始終從新行開始，之后，所有元素都顯示在下一行。由于<hr>標(biāo)記的許多屬性，通過該標(biāo)記創(chuàng)建的線很容易操作。再加上樣式的強大功能，在文檔中添加一行是輕而易舉的事。

本文地址：http://www.xyxhh.com/wangzhanjianshe/24-543.html