リストでメニューを作る(縦並び)〜ブロック範囲でリンク〜リストでメニューを作る(縦並び)〜ブロック範囲リンク〜リストでメニューを作る(縦並び)方法で、文字の部分以外でもリンクする事で、ボタン風にブロック範囲でリンクする事ができます。下記サンプルの文字が無い空白部分にマウスを合わせてみてください。マウスが重なった時に背景色や、画像を変更する事(ロールオーバー)も、こちらで説明してますので、参考にして見てください。文字が無い所の空白の部分でもリンクする様にリストでメニューを作るには、スタイルシートを使用します。href="">に対して、display:blockを使用してリンクの範囲をブロック範囲に変換します。href="">の幅・高さを<ul>全体になる様に設定します。href="">の幅を100%にする事で全体になります。罫線の引き方は、この例では左図の様に引いています。リスト自体は、特に左側に大きく余白が自動的に取られます。今回は左側の余白がなくなる様に調整します。余白が無くなりません。これにより、背景色である#ffccccが左側へはみ出た表示になります。これは、marginではなくpaddingにて無くす事ができますので、padding-left:0px;も同時に設定して余白を無くします。リストをテーブル風に表示するにて説明してますので参照して下さい。要素に直接書く書き方は設定項目が多いでのhead↓に記載します。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。