html - Google Chrome 上的 CSS 边框问题

Question

我的网站在 CSS 中使用不同的边框颜色和边框半径时遇到问题。

我创建了一个框，并在框的顶部添加了一个边框，如下图所示。

但是，我希望顶部边框能够拉伸(stretch)框的整个宽度，但这似乎是个问题。此问题仅在 PC 上的 Google Chrome 上出现，在 Safari 和 Internet Explorer 上似乎没问题。

#box {
    width:250px;
    height: 250px;
    background: #acacac;
    position: absolute;
    right:10px;
    top:315px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 45px solid white;
}

Answer 1

这是 CSS 边框的问题，也是您在某些博客中看到的箭头的创建方式。这是如何实现圆 Angular 边框的限制。