[HTML/CSS]セパレータ・区切り線・水平罫線

以下、サンプルコード

<hr class="line" />

1	<hr class="line" />

/*
セパレータ・区切り線
*/
.line {                              /* hrタグに付ける（最大3ライン対応の水平罫線） */
	display:block;
	border:none;                     /* 左右のボーダーを消すために必要 */
	margin:0;
	padding:0;
	height:1px;                      /* 上線px＋中線px＋下線px＝高さpx */
	border-top:solid 1px #CCC;       /* 上線の色、pxを指定 */
	background:none;                 /* 中線の色を指定 */
	border-bottom:none;              /* 下線の色、pxを指定 */
}

セパレータ・区切り線

.line { /* hrタグに付ける（最大3ライン対応の水平罫線） */

display:block;

border:none; /* 左右のボーダーを消すために必要 */

margin:0;

padding:0;

height:1px; /* 上線px＋中線px＋下線px＝高さpx */

border-top:solid 1px #CCC; /* 上線の色、pxを指定 */

background:none; /* 中線の色を指定 */

border-bottom:none; /* 下線の色、pxを指定 */

}

この記事を書いた人

yellow

パズルファクトリー制作ノート

この記事を書いた人

新着記事

Practice is better than precept.