body
{
font-size:12px;
}
.menuBox
{
width:50%;
高さ:自動;
マージン:0 自動;
}
.menuBox ul
{
margin:0px;
パディング:0px;
}
.menuBox ul li
{
float:left;
表示:ブロック;
幅:18%;
高さ:30px;
行の高さ:25px;
リストスタイル:なし;
マージン右:1px;
}
.menuBox ul li a
{
display:block;
幅:100%;
高さ:100%;
背景色:黒;
色:白;
テキスト装飾:なし;
text-align:center;
}
.menuBox ul li a:hover
{
display:block;
幅:100%;
高さ:100%;
背景色:シルバー;
色:赤;
テキスト装飾:なし;
}
.menuSelected
{
display:block;
幅:100%;
高さ:100%;
背景色:シルバー;
色:赤;
テキスト装飾:なし;
}
.chideMenuForShow
{
width:200px;
位置:絶対;
高さ:自動;
ボーダー:1px ソリッド #ccc;
float:right;
背景色:シルバー;
}
HTML 代