ヘッダーメニュー | MACよろず講座

MACよろず講座

デザイン、チラシ作り、ヘッダ作成、ソーシャルメディアetc.
MACでできること、組み合わせ次第で無限に広がります!

/*ヘッダーメニュー・ここから*/
/*メニューを挿入するスペースを確保*/
#wrap{
margin-top:80px;
}

/*メニューボタンを設置*/
#topmenu {
width: 980px;/*ヘッダーの横幅サイズ*/
font-size:12px;/*文字のサイズ*/
font-weight:normal;/*指定なし*/
line-height:2;
display: block;
}
#topmenu ul{
margin:0;
padding:0;
}
#topmenu li {
width: 196px;/*メニュー1つの横幅サイズ*/
margin: 0px;/*メニュー間の隙間幅*/
background:#999999;
text-align: center;/*中央寄せ*/
display: block;
list-style: none;
float: left;
}
#topmenu li a {
color: #ffffff;/*リンク文字の色*/
margin: 1px;
text-decoration: none;
display: block;
}
#topmenu li a:hover {
color: #ffffff;/*オンマウス時の文字の色*/
background:#cccccc;
}

#frame {
position: absolute;
}

#topmenu{
position: absolute;
top:410px;/*上から*/
z-index:100;
}
/*ヘッダーメニュー・ここまで*/