概要へ移動

簡単な例。

CSS : 「border」の例
.red {
color: red;
}
.green {
color: green;
}
.blue {
color: blue;
}
HTML : 適用するHTML
<div class="red">red</div>
<div class="green">green</div>
<div class="blue">blue</div>
実行結果
red
green
blue

このページで解説するコードの実行結果。

なお、見た目のため、このページの実行結果には「下のCSSコードも」適用している。

CSS : デフォルトCSS
div {
font-size: 2em; /* 文字の大きさ */
margin: 5px; /* 外側の余白 */
padding: 5px 10px; /* 内側の余白 */
border: 1px solid gray; /* 境界線 */
}

colorの概要

文字の色はカラーコードで指定する。

デフォルト値は黒(#000black)である。

Emmet : c

記述Visual Studio Code
ccolor: #000;