2个边界之间的空白

由 发布于 csshtml
 收藏

这个可以解决吗？

https://gyazo.com/9716e632d85339c13bc04920d901d8c8

如果放大图像，则可以看到外部div边框和内部div背景色之间的空白。

<div class="box">
 <div class="box-inner"></div>
</div>

.box {
 border: 2px solid black;
 border-radius: 10px;
}
.box-inner {
 border: 2px solid red;
 background-color: red;
 border-radius: 10px;
}
评论
  • tiure
    tiure 回复

    What you can do is remove border-radius and border from .box-inner, and add overflow: hidden; to .box element

    .box {
  border: 2px solid black;
  border-radius: 10px;
  overflow: hidden;
}
.box-inner {
  background-color: red;
}