css轮廓左右

无论如何设置css outline只显示左右两侧？因为我不能使用边框，所以我尝试了一下，但它会使前景更糟糕。css轮廓左右

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

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

来源

2015-04-02 Im Happy

不能与outline属性来完成。根据规范：轮廓在所有方面都是相同的。与边界相反，没有'outline-top'或'outline-left'属性 – j08691 2015-04-02 02:37:12

可能重复的[只有一个边框上的轮廓]（http://stackoverflow.com/questions/12671898/outline-on-only-单边界） – 2015-04-02 02:43:42

你可能做到这一点使用两个盒子阴影：

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

<div></div>

来源

2015-04-02 11:03:50 jbutler483

完美！奇迹般有效！ – LanfeaR 2017-09-05 08:32:39

回答

相关问题