space
テクニック:上下左右で枠線の色を変化させる
 
space

線の色についても個別に指定することができます。上の線の色は「border-top-color:」で指定、同様に「border-bottom-color:」は下の線の色、「border-left-color:」は左の線の色、「border-right-color:」は右の線の色、となります。

CSSを使った枠線

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

▼Source

<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">
< FONT size="3" color="#3300CC"><B><U>
CSSを使った枠線
< /U></B></FONT><BR>
< FONT size="2" color="#333333"><BR>
CSSを使用すると、このようなデザインのコラムを簡単に作成することができます。枠線の形式や色、余白などを上手に調整して、カッコいいデザインを作成してみては?
< /FONT>
< /P>

return