html - 在 div 内设置边框

Question

如何在右侧设置边框？

我想要做的是在 div 内设置边框，因为我正在使用 box-shadow ： inset 0 0 0 10px; ，但它在所有方面都设置了内部边界。

标签： htmlcss

Answer 1

使用背景：

.box {
  width:100px;
  height:100px;
  border:2px solid;
  background:
    linear-gradient(red,red) right/10px 100% no-repeat,
    grey;
}

<div class="box">

</div>

对于盒子阴影，您需要考虑不扩散：

.box {
  width:100px;
  height:100px;
  border:2px solid;
  box-shadow: -10px 0 0 inset red;
  background-color:grey;
}

<div class="box">

</div>