<p class="sougouContent"> <style type="text/css"> <br> td.Menu{ 背景-image:url('images/menu.gif'); <br> </style> <br> <table width="100%" style="text-align;left; font-size:16px; font-weight:bold;"><tr><td class="Menu">ホーム< /td><td class="Menu"><a href="stepbystep.htm">クイック スタート</a></td> <br> <br> 「クイックスタート」のリンクにマウスを移動すると、tdの背景が別の画像に変わるように書く方法を教えてください<br> <br> <br>ディスカッションへの返信(解決策)</p> <br> 次のことができます: <h2> <style type ="text/css"> a:link,a:visited{background-image:url('images/menu.gif');} </h2> a:hover, a:focus a :active{background-image:url('images/menu.gif'); color:White;padding:10px;} <p class="sougouAnswer"> </style> であればボタンにしたいですリンクの背景を切り替えるには、リンクテキストの長さが異なり、表示が長くなったり短くなったりします。これはどうすればよいですか? <br> <br> td に ID を追加します <br> <td class="Menu" id="ss"><a href="stepbystep.htm" onmovemouse="ss.style.background='images/menu.gif'" onoutmouse="ss.style.background=''">クイック スタート</a></td> <br> </p> アンカー要素はインライン ボックスであり、次のように試すことができます: <p class="sougouAnswer"> a{display:block;width :100px ;height:100px;} この幅は指定した文字の最大幅なので統一されています</p>