css輪廓左右

Question

無論如何設置css outline只顯示左右兩側？因爲我不能使用邊框，所以我嘗試了一下，但它會使前景更糟糕。

.test{ 
 
    margin:10px; 
 
    padding:10px; 
 
    width:100px; 
 
    height:10px; 
 
    outline:10px solid #000; 
 
    }

<div class="test"></div>

Answer 1

你可能做到這一點使用兩個盒子陰影：

div { 
 
    margin: 10px; 
 
    padding: 10px; 
 
    width: 100px; 
 
    height: 10px; 
 
    box-shadow: -5px 0px 0px 0px black, 5px 0px 0px 0px black; 
 
}

<div></div>