見出しのデザインを作ってみた。

見出しその①

html

<div id=”midasi1″>見出し</div>

css

#midasi1 { border-left:7px solid #0066cc; padding:.3em .6em ; font-size:25px; }

見出しその②

html

<div id=”midasi2″>見出し</div>

css

#midasi2 { background-color: #0066cc; color: #ffffff; padding:.2em .3em ; font-size:20px;