HTML hr 分隔線標籤用法

HTML 中的 <HR> 標籤袋表的是水平分隔線,早在早期的 HTML 語法就已經存在的 <HR> 標籤,幾乎所有主流的瀏覽器都支援,

<hr> 分隔線語法範例
這是標題
<hr>
這是文章內容
在這個範例中,文章標題與文章內容間將會插入一條水平分隔線,HR 大寫或小寫都可以,預設 HTML hr 的粗細為 1,所以看起來蠻粗一條的,寬度則為 100%,也就是分隔線的寬度會隨著網友螢幕的寬度而改變,如果想改變 HR 分隔線的樣式,可以用類似以下這樣的範例。

<hr size="8px" align="center" width="100%">

範例的意思是將這條分隔線的粗細設定為 8px(蠻粗的,為了範例呈現效果較為顯著才設定這麼粗),水平置中對齊,寬度為 100%(跟預設的一樣),你也可以嘗試改變參數,設計一條不一樣的分隔線。
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012