水平線のスタイルを設定する方法

CSSでhr要素のスタイルを設定する方法を学びます。

水平線のスタイルを設定する方法






水平線

あなたは、 border 属性で設定 hr 要素のスタイル:

実例

/* 红色边框 */
hr.new1 {
  border-top: 1px solid red;
}
/* 红色虚线边框 */
hr.new2 {
  border-top: 1px dashed red;
}
/* 红色点状边框 */
hr.new3 {
  border-top: 1px dotted red;
}
/* 红色粗边框 */
hr.new4 {
  border: 1px solid red;
}
/* 绿色大圆角边框 */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

実際に試してみる

関連ページ

リファレンスマニュアル:HTML hr タグ