我在一个表中有以下HTML代码：
<td id="decllink"><a href="#">Decline</a></td>
在CSS文件中：
#decllink {white-space:nowrap;padding:2px 2px 2px 2px;float:right}
#decllink a {color:red;font-weight:bold;text-decoration:none;background-color:inherit}
#decllink a:hover {color:white;text-decoration:none;background-color:red}
当我将鼠标悬停在表格单元格中的链接上时，我想通过切换forgfround和background颜色来突出显示其文本。所以最初链接的文本颜色是红色，背景是白色。当我悬停链接时，它应该有一个红色背景和一个白色文本颜色。这对这个HTML/CSS代码很有用。
但是，当鼠标悬停链接时，它的红色背景颜色会变得与文本一样宽和高。通过填充，我想在文本周围创建一个红色的“边框”，这样当鼠标悬停链接时，它看起来更像一个按钮。
如何做到这一点？
最佳答案
就这样
#decllink { margin:0px; padding: 0px; }
#decllink a { padding: 5px } // for example