4

我在其他任何地方都没有看到这个问题,我希望有人能提供帮助。我有一个带有粗边框的 div 容器。我希望当我修圆边缘时,所有边缘都会变圆,但只有边框变圆,使原始框保持正方形。我不想使用图像,我想保持纯 CSS。提前致谢!:)

#dashboard {
margin: 0 auto 53px;
max-width: 100%;
background-color: white;
background-radius: 10px;
border: 30px solid black;
padding: 0px 20px 0px 20px;

border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;

-moz-border-top-left-radius: 0px;
-moz-border-top-right-radius: 0px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
}
4

1 回答 1

4

使用两个嵌套的 div,均四舍五入。用包装上的填充模拟边框。

这是一个小提琴

于 2012-01-13T19:34:40.527 回答