css实现div凹圆角

css实现div凹圆角

利用radial-gradient

.block4 {
    height: 200px;
    width: 200px;
    background-color: red; /* 浏览器不支持的时候显示 */
    background-image: radial-gradient(circle at right top, transparent 200px,   green 0); /* 标准的语法（必须放在最后） */

运行结果

css语法

background-image: radial-gradient(shape size at position, start-color, ..., last-color);