HTML 中有三種不同類型的分割線代碼: 點線、實線和雙線分割線。
/* 點線分割線 */
<hr size="1" noshade="noshade">
/* 實線分割線 */
<hr size="1">
/* 雙線分割線 */
<hr size="1" noshade="noshade" style="border-style: double;">
這些代碼使用 HR(水平線)元素,該元素可以在 HTML 中創建水平線。size 屬性用于定義線的粗細,noshade 屬性用于取消陰影效果。
點線分割線通常用于將不同的段落分開,實線分割線用于將不同的章節分開,而雙線分割線用于將不同的主題分開。
對于更高級的用戶,您還可以使用 CSS 定義自定義分割線。這種方法需要使用 border-style 屬性來定義線的類型。
/* CSS 定義自定義分割線 */
hr.custom {
border-style: dotted;
border-width: 3px;
border-color: #e74c3c;
}
通過定義自定義分割線,您可以在 HTML 文檔中創建許多有趣的外觀效果。