枠線の色を変える

上下左右の枠線の色を変えることができます。

<style type="text/css">
.di {border-color: #FF0000 #00FF00 #0000FF; border-width: 10px; border-style: solid}
</style>
<div class="di">文字文字文字文字</div>

border-left-color：
左側の枠線を変えます。

border-right-color：
右側の枠線を変えます。

border-top-color：
上側の枠線を変えます。

border-bottom-color：
下側の枠線を変えます。

border-color: *：
上下左右の枠線を変えます。

border-color: * ?：
*は上下の枠線を変えます。
?は左右の枠線を変えます。

border-color: * ? #：
*は上の枠線を変えます。
?は左右の枠線を変えます。
#は下の枠線を変えます。

border-color: * ? # %：
*は上の枠線を変えます。
?は右の枠線を変えます。
#は下の枠線を変えます。
%は左の枠線を変えます。

◇色の指定
カラーコードの指定
#000000や#FFFFFFなど
名前での指定
white、black、brownなど

[MENUに戻る]
[HOME]