枠線の色を個別指定 【border-top-color、border-bottom-color、border-left-color、border-right-color】

※ブラウザで表示した時の見え方

Beautiful Rose

※ソースサンプル

【CSS】
h2 {
border-bottom-color: #cc0000;
border-bottom-width: 2px;
border-bottom-style: solid;
font-family: Courier
}
【HTML】
<h2>Beautiful Rose</h2>

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
#RRGGBB色を16進数で2桁ずつ指定するborder-top-color: #993300
#RGB色を16進数で1桁ずつ指定するborder-top-color: #f00
rgb(R,G,B)各色を10進数で指定するborder-top-color: #rgb(0,0,255)
rgb(R%,G%,B%)各色を%で指定するborder-top-color: #rgb(0%,50%,100%)
カラーネーム定義されている色名で指定するborder-top-color: black
transparent色を透明にするborder-top-color: transparent
機能