A元素中的border-top

Question

我需要一些帮助为A元素设置border-top。正如您可以看到here按钮（A样式元素）具有

<hr> 

定位绝对然后从上到下移动以实现行为但这对于此按钮起作用（注意宽度：HR中的85％）但是如果我想在所有站点的其余按钮中执行相同的行为然后这种方法不起作用导致宽度：85％。所以我的问题是：可以为A元素设置一个border-top的相同行为？边框顶部必须与主按钮具有相同的宽度，但留下填充：0 5px，您可能会注意到。

提前致谢和欢呼

Answer 1

是的，将<a>表示为块元素：

a{
   display:block;
   border-top: 2px solid #FCC;
 }

这将为您的html中的所有<a>元素提供与您的hr相同的顶部边框。

或者您可以将它应用到您已在<a>标签上的按钮类：

.button{
   display:block;
   border-top: 2px solid #FCC;
 }