【CSSの練習】　CSSの書き方 ｜ ボックスのスタイル ｜ 背景画像のスタイル ｜ メニューのスタイル

ボックスのスタイル

※JavaScriptを使用できる環境でご利用ください。

このボックスのスタイルを変更します。
スタイルの変化を試してみてください。
div#testCSS {
幅width：； 解説
高さheight：； 解説
文字色color：； 解説
文字サイズfont-size：； 解説
文字位置text-align：； 解説
行間line-height：； 解説
背景色background-color：； 解説
内側の余白padding：； 解説
外側の余白margin：； 解説
枠線の太さborder-width：； 解説
枠線の色border-color：； 解説
枠線のスタイルborder-style：； 解説
}
解説を元に戻す

適用する

リセット

上記スタイルを設定したボックスのHTML

<div id="textCSS">
このボックスのスタイルを変更します。<br />
スタイルの変化を試してみてください。
</div>

▲ページTOPへ