CSSで作るhrのスタイルいろいろ

Ads

Result


タイトルでCSSで作ると書いちゃいましたが一部画像が使われてます・・・
ジグザグはどうにかなるみたいです

css

hr.style15 {/*線*/
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {/*アイコン*/
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}

html

<hr class="style15">

via

18 Simple Styles for Horizontal Rules (hr CSS Design)