Google Chrome 上的 CSS 边框问题

Question

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

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

但是，我希望顶部边框能够拉伸整个框的宽度，但这似乎是个问题。这个问题只出现在电脑上的谷歌浏览器上，在 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 边框的问题，它是您创建在某些博客中看到的箭头的方式。这是您如何实现圆角边框的限制。