【まとめ】メニューの作成のタグ

こんにちは。高橋好美です＾＾

自分のビジネスがきちんと伝わるように、お客様が迷わないブログを作ることが大事ですね。

/* ヘッダーメニュー */
.skinContentsArea{
position:relative;
padding-top:50px;/* メニュースペース確保 */
}
#myFreeArea {
position:absolute;
top:0px;
left:0px;
height:55px;
width:980px;
overflow:hidden;
}
#myFreeArea a{
display:inline-block;
width:118px;/* 4:222 5:174 6:141 7:118 */
margin:0px;
padding:0 10px;
background: #5599dd ;/* 色A */
border:1px solid #ffffff;
border-radius:7px;/* 角R */
line-height:2em;
font-size:14px;
font-weight:bold;/* 太字 */
text-align:center;
color:#ffffff;
text-decoration:none;
}
#myFreeArea a:hover{
background : #778899 ;/* 色B */
}

<div id="myFreeArea"><a href="リンク１">リンク１テキスト</a><a href="リンク２">リンク２テキスト</a><a href="リンク３">リンク３テキスト</a><a href="リンク４">リンク４テキスト</a><a href="リンク５">リンク５テキスト</a><a href="リンク６">リンク６テキスト</a><a href="リンク７">リンク７テキスト</a></div>