有没有办法设置边框线的高度？

您可以使用border-right-width属性控制边框的宽度。有没有一种方法可以将它的高度设置为边框右侧的高度？有没有办法设置边框线的高度？

例如：

首页|关于

但我想|稍微短一些。

来源

2012-05-02 SamFisher83

只有边界的两个维度。长度和宽度。没有看到你的代码，我不知道指导你有多好。 – Dutchie432

反驳这个http://stackoverflow.com/questions/5664057/border-height-on-css –

不，你不能告诉边界比元素小，她绕过元素，在你的情况下使用它的全高。 – Zuul

您不能根据需要设置border属性。然而，使用伪元素可以在这里很有用（see exaggerated live example）：

HTML（可能的 - 其他配置也是可能的）

<div class="menu"><span>Home</span><span>About</span><span>Last</span></div>

CSS

.menu span {font-size: 2em; padding: 10px; position: relative;} 

.menu span:after {content: ''; position: absolute; right: 0; top: .6em; bottom: .6em; width: 1px; background-color: black;} 

.menu > span:last-child:after {display: none;}

来源

2012-05-02 20:26:59 ScottS

考虑到我看到人们为什么不把它添加到CSS标准的网站数量？ – SamFisher83

这将连接到元素本身的高度 - 而不是边界。

来源

2012-05-02 20:16:25 JNF

没有设置边框的宽度，样式和颜色以外的其他方法。如果要使边框看起来与文本高度不同，则需要在这两个元素之间添加元素，然后通过这种方式调整其高度和垂直对齐。根据您使用的代码，您最好使用背景图片。

来源

2012-05-02 20:19:17 sosuke

有没有办法设置边框线的高度？

回答

相关问题