pastelmilk ♥ [CSS]立体的な横並びメニューボタンの作り方このサイトで制作した、ページ上部の CSSを使った立体的な横並びのメニューボタンの作り方を書いておきます。 リアルなボタンのように、カーソルを乗せるとボタンを押したように見せることができます。 CSSの記述 #Menu { height: 18px;/*メニューの高さ*/ } #Menu ul { margin: 0; padding :0; list-style-type : none;/*リストスタイルはなしにする*/ } #Menu li { display : inline; margin:0; float:left;/*フロートを左に指定してボタンを横並びにする*/ } #Menu a { display: block;/*ブロックにして各ボタン全体をリンクエリアにする*/ text-decoration:none; border-top:1px solid #69c;/*上線
