CSSを使った枠線 (1)

border-style  border-color

CSSを使用すると、このようなデザインのコラムを簡単に作成することができます。
枠線の形式や色、余白などを上手に調整して、カッコいいデザインを作成して見ましょう。 
上下左右の線の太さだけでなく、色も個別に変化させる事が出来ます。

<P style="border-style:solid ; border-width:20px ;
border-top-color:#FF3333 ; border-bottom-color:#009966 ;
border-left-color:#3333CC ; border-right-color:#FFFF33 ;
padding:10px ; margin:20% ; background-color:#FFFFFF">


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

</P>


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