Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 通过文本/css创建的超链接按钮_Html_Css - Fatal编程技术网

Html 通过文本/css创建的超链接按钮

Html 通过文本/css创建的超链接按钮,html,css,Html,Css,我们正在对一个网站进行改头换面,并拥有我们想要的外观,但正试图找出如何使其发挥功能。该页面链接如下,以供参考 基本上,我们要查找的是当您将鼠标悬停在“Tax preparency”上时链接到“Tax_preparency.html”的整个区域,而不是使用href时的文本。仅使用html/css就可以做到这一点吗?对li元素应用以下css: padding: 0px; padding: 15px; 对a元素应用以下css: padding: 0px; padding: 15px; 然后,

我们正在对一个网站进行改头换面,并拥有我们想要的外观,但正试图找出如何使其发挥功能。该页面链接如下,以供参考


基本上,我们要查找的是当您将鼠标悬停在“Tax preparency”上时链接到“Tax_preparency.html”的整个区域,而不是使用href时的文本。仅使用html/css就可以做到这一点吗?

对li元素应用以下css:

padding: 0px;
padding: 15px;
对a元素应用以下css:

padding: 0px;
padding: 15px;
然后,完整的li是可单击的,但悬停的背景色是混乱的,但您可以通过在li的悬停上应用背景色而不是元素来修复这一问题。希望这有帮助

您可以添加以下css:

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