css - A 元素中的border-top

Question

我需要一些帮助来为 A 元素设置边框顶部。正如您在此处看到的，按钮是一个 A 样式元素，具有

<hr> 

定位绝对，然后从上到下移动以实现该行为，但这适用于此按钮（注意 HR 中的宽度：85%）但如果我希望在所有站点的其余按钮中具有相同的行为，那么这种方法不会工作导致宽度：85%。所以我的问题是：为 A 元素设置边框顶部是否可以获得相同的行为？边框顶部必须与主按钮具有相同的宽度，但您可能会注意到留有 padding: 0 5px。

提前感谢和欢呼

Answer 1

是的，让<a>行为像块元素：

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

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

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

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