見出しのデザインを変えてみる

見出しのデザインをいろいろと工夫してみたいと思います。

囲みの線の色を変えたり、破線にしたりすることで、いろいろと楽しめそうです。
h2からh6まで適用できます。

.midashi h2{
font-size:120%;
border-top:solid 1px ;/*上に線を入れる設定*/
border-top-color:#999999;/*上の線の色*/
border-left: 8px solid;/*文字の横に付箋のようなマークを入れる*/
border-left-color:#F90;/*文字の横の付箋のようなマークの色*/
border-right:solid 1px #999999;/*右に線を入れる設定*/
border-bottom:solid 1px #999999;/*文字の下に線を入れる設定*/
width:100%;/*見出しの横幅*/
line-height: 26px;/*h3の高さ設定*/
padding-left: 5px;/*文字の左にスペース*/
color:#333333; /*文字の色*/
}

.midashi-01 {
    color: #333333;/*文字の色*/
    padding-left: 5px;/*文字の左にスペース*/
    border-bottom: 4px double ;
　　border-bottom-color:#F90;
}