html中如何倒圆角,html – 在CSS中颠倒圆角？

只是为了更新这个，似乎你可以在多种方式。

使用边框图像

html

css

div {

width: 200px;

border-width: 55px;

-moz-border-image: url(http://i47.tinypic.com/2qxba03.png) 55 repeat;

-webkit-border-image: url(http://i47.tinypic.com/2qxba03.png) 55 repeat;

-o-border-image: url(http://i47.tinypic.com/2qxba03.png) 55 repeat;

border-image: url(http://i47.tinypic.com/2qxba03.png) 55 repeat;

margin: 50px auto;

}

使用径向梯度

html

css

.inner-round {

background-image:

radial-gradient(circle at 0 0, rgba(204,0,0,0) 14px, #c00 15px),

radial-gradient(circle at 100% 0, rgba(204,0,0,0) 14px, #c00 15px),

radial-gradient(circle at 100% 100%, rgba(204,0,0,0) 14px, #c00 15px),

radial-gradient(circle at 0 100%, rgba(204,0,0,0) 14px, #c00 15px);

}