枠線の色を一括指定 【border-color】
ブラウザで表示した時の見え方
Beautiful Rose
Beautiful Rose
ソースサンプル
【CSS】
h2 {
border-width: 4px;
border-style: double;
text-align: center;
font-family: Courier
}
h2#1 {
border-color: #cc0000
}
h2#2 {
border-color: #ff66cc #cc66ff #3399ff #66cccc
}
【HTML】
<h2 id="1">Beautiful Rose</h2>
<h2 id="2">Beautiful Rose</h2>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 「#ff66cc #cc66ff #3399ff #66cccc」と指定した場合、「上辺・右辺・下辺・左辺」の順に色を指定することになります。
- 「#ff66cc #cc66ff」と指定した場合には、「上下の辺・左右の辺」の順に色を指定することになります。
- 「#ff66cc #cc66ff #3399ff」と指定した場合には、「上の辺・左右の辺・下の辺」の順に色を指定することになります。
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
CSS
-
枠線の色を一括指定