CSS3 仅在一侧画出虚线边框

Question

我想使用轮廓添加右虚线边框。我知道我不能只用这个属性.

在一侧做

我试过使用shadow-box，但如果边框是虚线就不行了。

谢谢

width: 125px;
height: 160px;
background-color: #edb103;
outline: 2px dashed #0b0000;
}

Answer 1

如果你不能使用 border-right，在 ::after 伪元素周围放置轮廓可能是一个解决方案...

div {
  width: 125px;
  height: 160px;
  background-color: #edb103;
}

div::after {
  display: inline-block;
  width: 0;
  height: 158px;
  content: '';
  position:relative; left:125px; top:1px;
  outline: 1px dashed #0b0000;
}

<div></div>

CSS3 仅在一侧画出虚线边框

CSS3 Outline dashed border on one side only

css

outline