html - 用圆角向 DIV 添加边框

Question

这似乎并不难做到，但我很难做到。我只想向这样的 div 添加左边框：

我尝试添加一个左边框属性（左边框：5px 纯蓝色；），但这产生了：

谁能告诉我如何在顶部和底部不圆角的情况下添加直边边框？

谢谢！

抢G

标签： htmlcssborderborder-radius

Answer 1

希望这可以帮助：

div {
  border-radius: 5px;
  padding: 5px;
  border-left: 5px #70baff solid;
  background-color: #f5f5f5;
}

<div>
  Hello World
</div>

如果您有任何问题，请告诉我！