<p class="sougouContent"> <style> <br /> td.Menu{ background-image:url('images/menu.gif'); color:White; padding:10px;} <br /> </style> <br> <br> <br> </p> <table><tr> <td>首页</td> <td><a>快速入门</a></td> <br> </tr></table> <br> <br> 请问怎么写能实现当鼠标移到链接“快速入门”上时，td的背景换成另一个图片menu2.gif ? <br> <h2>回复讨论(解决方案)</h2> <p class="sougouAnswer"> 可以这样做： <br> <style> <br /> a:link,a:visited{ background-image:url('images/menu.gif'); color:White; padding:10px;} <br /> a:hover,a:focus a:active{background-image:url('images/menu.gif'); color:White; padding:10px;} <br /> </style> </p> <p class="sougouAnswer"> 我想做成按钮，如果是用链接的背景切换的形式，链接文字长短不一，显示上就会有长有短，这个要怎么办呢？ </p> <p class="sougouAnswer"> 给td加个id <br> </p> <td><a>快速入门</a></td> <p class="sougouAnswer"> 锚元素是个 行内框，你可以这样试试看： <br> a｛display:block;width:100px;height:100px;｝这个宽度就是你制定的字符的最大宽度 ，这样就统一了 </p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
