CSS轮廓左右 [英] css outline left and right

问题描述

以任何方式设置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轮廓左右的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！