太めの水平線をCSSで装飾

このブログではないサイトで、区切り線的に少し太めの水平線を引きたかったので色々と調査。
よさげな感じになったのでメモ。


以下をCSSに記述

hr {
	background-color: #00ffff;
	color: #00ffff;
	border-width: 0;
	height: 4px;
}

記事内のHTMLは

<hr />

このように記述。

これでこんな線が↓出現。

---

【width:80%】とか指定してみてもいいかも