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

メニューのスタイル

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

  • メニュー1
  • メニュー2
  • メニュー3
ul#menu {
幅width：； 解説
高さheight：； 解説
背景色background-color：； 解説
内側の余白padding：； 解説
枠線border：； 解説
リストマークlist-style-type：； 解説
}
ul#menu li {
幅width：； 解説
行間line-height：； 解説
文字色color：； 解説
文字サイズfont-size：； 解説
文字位置text-align：； 解説
背景色background-color：； 解説
内側の余白padding：； 解説
外側の余白margin：； 解説
上の枠線border-top：； 解説
右の枠線border-right：；
下の枠線border-bottom：；
左の枠線border-left：；
横並びにするfloat：left；　　有効にする 解説
}
解説を元に戻す

適用する

リセット

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

<div id="textCSS">
<ul id="menu">
<li>メニュー1</li>
<li>メニュー2</li>
<li>メニュー3</li>
</ul>
</div>

▲ページTOPへ