DIVタグで見出しに枠を作成(CSS)＠Webデザインのお勉強

DIVタグで枠を作成(CSS)＠Webデザインのお勉強

DIVタグとCSSを用いて、見出しに枠を作成します。
よく見かけるスタイルだと思います。。
下の様な枠です。

見出し

見出しにアクセントを付けたい時は、良いかもしれませんね。

border-color:ボーダの色
border-width:枠線の幅、上右下左となります。
border-style:枠線のスタイル
padding-left:内側の余白
width:横幅

<div style="border-color:#006699;
            border-width:0 0 1px 3px;
            border-style:solid;
            padding-left:5px;
            width:100px;">
見出し
</div>