|
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> |