CSSを使った枠線 (2)

border-style  border-color

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

上下左右の線の太さを個別に変化させることもできます。

<P style="border-style:solid ; border-color:#FF9900 ;
border-top-width:10px ; border-bottom-width:1px ;
border-left-width:10px ; border-right-width:1px ;
padding:10px ; margin:20% ; background-color:#FFFFCC">

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

</P>


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