代码之家  ›  专栏  ›  技术社区  ›  ReynierPM

a元素中的边框顶部

  •  0
  • ReynierPM  · 技术社区  · 13 年前

    我需要一些帮助来设置a元素的边框顶部。正如你所看到的 here 按钮是一个a样式的元素,具有

    <hr> 
    

    定位为绝对,然后从上到下移动以实现行为,但这对这个按钮有效(注意HR中的宽度:85%),但如果我想在所有网站的其余按钮中有相同的行为,那么这种方法不会起作用,导致宽度:85%。所以我的问题是:是否有可能获得相同的行为,为a元素设置边界顶部?边框顶部的宽度必须与主按钮相同,但留下一个填充:0 5px,您可能会注意到。

    提前感谢和欢呼

    1 回复  |  直到 13 年前
        1
  •  1
  •   Ryan    13 年前

    是的,制作 <a> 就像块元素一样:

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

    这将给所有人一个顶部边框,与你的hr颜色相同 <a> 元素。

    或者你可以把它应用到你的按钮类上 <a> 标记已存在:

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