如何縮短底邊的長度？在html/css

我有一個div容器（bootstrap.min.css的東西）。而div有另一個名爲divborder的類。邊界的邊界很長，我怎麼能削減它？或者可能縮短它的長度？示例代碼：如何縮短底邊的長度？在html/css

.divborder { 
 
    border-bottom: 6px solid #C6C4C5; 
 
    /*what should i put here to shorten this border-bottom?*/ 
 
}

<div class="container divborder"> 
 
    <div class="col-md-6"> 
 
    some img 
 
    </div> 
 
    <div class="col-md-6"> 
 
    some texts 
 
    </div> 
 
</div>

來源

2017-10-16 benok

可能是更好的提供預期最終結果的一個例子，我不認爲你已經充分掌握CSS邊界的概念，但他們如何適用，所以他們可能*不是你正在尋找的解決方案*。 – UncaughtTypeError

我不能在這裏張貼圖片，因爲我是一個新手:(但這裏是鏈接的例子：https：//i.stack.imgur.com/zs81n.jpg 這裏的邊界底部顯示更短，如何做到這一點？ – benok

這可能不是一個邊界屬性，更可能是一個'僞元素' - Paulie_D應該讓你的答案覆蓋。 – UncaughtTypeError

你不能改變邊界的實際長度。

你需要使用定位的僞元素。

div { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: rebeccapurple; 
 
    margin: 1em auto; 
 
    position: relative; 
 
} 
 

 
div::after { 
 
    content: ""; 
 
    position: absolute; 
 
    height: 10px; 
 
    background: red; 
 
    top: 100%; 
 
    width: 50%; 
 
    left: 50%; 
 
    transform: translateX(-50%); 
 
}

<div></div>

來源

2017-10-16 14:18:57

如何縮短底邊的長度？在html/css

回答

相關問題