通过text / css创建的超链接按钮

Question

我们正在进行网站改造，并且看起来我们想要的但是正在试图弄清楚如何使其发挥作用。该页面链接在下面以供参考。

http://centraliowaaccountant.com/newhomepage.html

基本上我们正在寻找的是整个区域，当您将“Tax Preparation”悬停在“tax_preparation.html”上时，如果您使用href，则链接到“tax_preparation.html”而不是文本。这可以用html / css完成吗？

Answer 1

到你的li元素应用以下css：

padding: 0px;

对你的元素应用以下css：

padding: 15px;

然后完整的li是可点击的，但随后悬停的背景颜色搞砸了，但你可以通过在li而不是a元素的悬停上应用背景颜色来解决这个问题。希望这有帮助！

Answer 2

您可以添加此css：

ul li.tax_prep_menu{padding:0}
ul li.tax_prep_menu a{display:block;padding:15px;}

简单：）