CSSを使った枠線 (3)

border-style  border-color

CSSを使用すると、このようなデザインのコラムを簡単に作成することができます。
枠線の形式や色、余白などを上手に調整して、カッコいいデザインを作成して見ましょう。 

上下左右の線の太さだけでなく、色や余白も個別に変化させて見ました。

<P style="border-style:dashed ; border-width:3px ; border-color:#0099CC ;
padding-top:10px ; padding-bottom:10px ;
padding-left:20px ; padding-right:20px ;
margin-top:20px ; margin-left:50% ;
background-color:#FFFFCC">

・・・・・・・・・・・・・・・・・・・・・文字列・・・・・・・・・・・・・・・・・・・・・

</P>


(画面クリックでWEB上のサイズを見てください。)