HTML如何做超链接有边框鼠标经过变色
第1个回答 2013-04-13
<style type="text/css"> a{ float:left; width:80px; background-color: #F2F4EF; text-align:center; padding:8px 0px 6px 0px; font-size:14px; text-decoration: none; color: #62b366; line-height: 120%; } a.tip{ color: #3300FF; background-color: #ffffcc; border: 1px dashed #CCC; width:78px; padding:7px 0px 5px 0px; } a:hover{ color: #3300FF; background-color: #F7FCFF; border: 1px dashed #CCC; width:78px; padding:7px 0px 5px 0px; }
</style>
<table width="950" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="103"><a href="#" class="tip" target="_blank">测试测试</a> </td>
<td width="847"><a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a></td>
</tr>
</table>本回答被网友采纳
</style>
<table width="950" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="103"><a href="#" class="tip" target="_blank">测试测试</a> </td>
<td width="847"><a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a> <a href="#">测试测试</a></td>
</tr>
</table>本回答被网友采纳