我制作了一个简单的 html 片段,其中包含以下内容:
<a href="#"><div>Something here</div></a>
它显然提醒我 div 不能位于<a>标签。我使用了 div,因为我希望整个框(在本例中为 div)成为一个按钮。所以子类:hover适当的按钮区域适用于整个框,而不仅仅是内部的文本。据我记得div可以在html5中的标签内使用。我使用 XHTML 1.0 Transitional。有什么可以替换 div 以避免代码中出现错误吗?或者我应该将xhtml更改为html5?在不触及其余代码的情况下它会正常工作吗?谢谢。
<a>
:hover
你可以使用display:block.
display:block
示例如下:
HTML:
<a href="#" class="btn">Button</a>
CSS:
a.btn{ display: block; background-color: Green; width: 50px; height: 25px; text-align: center; text-decoration: none; color: White; } a.btn:hover{ background-color: lightGreen; color: Black; }
您可以在这里进行实时测试:http://jsfiddle.net/YdCzY/ http://jsfiddle.net/YdCzY/