CSS轮廓左右

本文介绍了CSS轮廓左右的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

以任何方式设置css outline 仅显示左和右吗?因为我不能使用边框，所以我尝试了一下，但是这样会使前景更糟.

Anyway to set css outline only show left and right ? Because I can't use border, I tried but it will make more bad outlook .

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

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

您可以使用两个框阴影来实现此目的:

You could possibly achieve this using two box shadows:

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

<div></div>

这篇关于CSS轮廓左右的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！