有沒有辦法設置邊框線的高度？

您可以使用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

有沒有辦法設置邊框線的高度？

回答

相關問題