タグ

ブックマーク / www.tokiwa.ac.jp/~shio (1)

  • CSS: メニュー(2)

    メニューバー 横に棒状に配置されたメニューをメニューバーといいます。メニューの各項目を左寄せしてメニューバーを作成します。 画面端から画面端(ページサイズがある場合はページの端から端)まで背景色をつけるとバーのように見えます。 この例は、前回の反転メニュー(2)を元にしています。横に並べる場合には、各ボタンの領域がわかるように、しきり線を入れます。 しきりの付け方もいろいろとありますが、ここでは各項目の右にしきり線をいれ、メニュー全体の左にもしきり線を入れています。 1 メニューバー menu.htm #menu { background-color:#9999ff; /* バーに背景色。端まで塗るため幅はulに指定。 */ } #menu ul { width:650px; /* ボタンの数の幅を確保 */ height:22px; /* バーの高さを確保 */ margin-left:

  • 1