我是 HTML5/CSS3 的初學者，即使我找到了解決我面臨的問題的方法，我也很確信我沒有以正確的方式解決它。
一些解釋：我正在嘗試復制完全相同的東西（見下文），在這種情況下，問題出在每個類別下的“邊框”/下劃線上，灰色的小細線，而不是藍色的。
首先，我嘗試使用填充在所有這些上放置邊框底部，但問題是每條灰線的寬度都不相同。
然后我意識到原來的灰色邊框可能是每個句子的“塊”的邊框，而不是句子本身。所以我創建了一個 ，我為串列中的每個句子復制了它，如下所示：
這給了我想要的確切結果。我剛剛在我的 CSS 中寫道（結果見下圖）：
.border{
border-bottom: 1px #b2b2b2 solid;
}
But I don't find esthetic the way I wrote it on my HTML code.
Is there anyway to rewrote this pls ?
Thank's a lot people.
uj5u.com熱心網友回復：
想通了，給你答案
HTML：
<nav id="liensarticle3">
<ul>
<li><a href="#">Sed neque nisi consequat</a></li>
<li><a href="#">Dapibus sed mattis blandit</a></li>
<li><a href="#">Quis accumsan lorem</a></li>
<li><a href="#">Suspendisse varius ipsum</a></li>
<li><a href="#">Eget et amet consequat</a></li>
</ul>
CSS：
#liensarticle3 > ul > li {
display: block;
border-bottom: 1px #b2b2b2 solid;
}
uj5u.com熱心網友回復：
只需給 li 一個寬度，這樣就可以得到相等的border-bottom
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/411900.html
標籤：