深圳網站建設公司國人偉業(yè)有很多方法可以讓你的HTML頁面看起來更漂亮，結構更合理。更具體地說，水平線可以發(fā)揮特殊作用，使您的網站內容平衡、清晰、易于瀏覽。每當我們決定在我們的網站上做一些大的改變時，像線條這樣的小東西就可以改變。這些小東西讓你的網站信息更全面。此外，它們還可以改變web資源的視覺吸引力以及受眾對數據的感知方式。
但是你也可以創(chuàng)建定制的線條來適應你的網頁，讓你更好地掌握你在頁面上操作的空間。
話雖如此，讓我們仔細看看如何在HTML頁面中自定義水平線。
水平線是一個HTML元素，用作網頁的裝飾。但是，它也可以用于其他用途，如：
-一個分隔符，在視覺上劃分內容的不同部分，并在一個想法結束和另一個想法開始時強調重點。
-突出顯示網頁中一些有意義的部分。
-水平線被認為是在網站上實現廣泛目的的最流行和最簡單的方法之一。雖然乍一看可能很簡單，但它是一個多功能元素，您可以根據具體需求進行調整。通過對網頁的HTML代碼進行簡單修改，可以調整水平線的以下規(guī)格：
長度；
寬度；
顏色
對齊
還值得指出的是，水平線指的是塊元素。這意味著它被放在網頁上的一個單獨的行上，并且你在該行旁邊添加的文本將被放在它的下面。
水平線在將頁面劃分為不同部分時非常有用，要添加簡單的水平線，只需鍵入<hr>，您將得到以下結果：
如何創(chuàng)建水平線
您可以使用簡單的<hr>標記設置一行。它是“水平規(guī)則”的縮寫，并設置經典的外部參數。它與其他許多東西的不同之處在于它不需要結束標記，可以獨立存在?？梢允褂脴擞浿械钠渌蹈膱D元的外部特征：
看起來像這樣。例如，如果我們想要100像素的長度，我們將設置一個如下的標記：hr width=“100”。
對齊
可以在左邊緣或右邊緣以及中心對齊直線。此功能僅在已指定寬度參數時有效，因為無法對齊整頁行。對于對齊，在“對齊”標記中設置一個附加屬性，并向其添加方向：中心-用于中心，左-用于左和右-用于右對齊。
在本例中，完成的標記將如下所示：如果需要為長度為150像素的水平線設置中心對齊，則完成的標記將如下所示：hr align=“center”width=“150”。
請注意，對齊的度量值“align”位于位置1，即使該屬性取決于長度度量值寬度。
寬度。
也可以選擇指定寬度，創(chuàng)建粗體或細下劃線。此標準不依賴于任何內容，可以獨立使用，而無需指定長度或對齊方式。為此，我們在標記中使用size屬性和一個數值，該數值等于所需的像素寬度。數字在大小屬性和“=”符號后用引號表示。
因此，如果我們需要創(chuàng)建一條15像素寬的線，我們需要創(chuàng)建以下標記：hr size=“15”。
顏色
它也被設置為一個獨立的指標。若要更改顏色，請以代碼或英語的形式將顏色屬性與顏色名稱結合使用。顏色在“=”符號后用引號表示。
因此，標準白線的標記可以用兩種方式書寫：hr color=“#FFFFFF”或hr color=“white”
可以使用代碼#000000創(chuàng)建黑色。
如何制作彩色水平線？
水平線有利于將一個文本塊與另一個文本塊分開。頂部和底部有水平線的小文本比普通文本更能吸引讀者的注意力。
使用<hr>標記，可以繪制水平線，其外觀取決于使用的屬性以及瀏覽器。標記引用塊元素，因此該行始終從新行開始，之后，所有元素都顯示在下一行。由于<hr>標記的許多屬性，通過該標記創(chuàng)建的線很容易操作。再加上樣式的強大功能，在文檔中添加一行是輕而易舉的事。
本文地址：http://www.gknaturalcreations.com/wangzhanjianshe/24-543.html
