css怎么画四个内圆角 |css一条虚线

下面的代码演示如何绘制四个内圆角的矩形：

.box {
width: 200px;
height: 100px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 10px / 10px 10px 10px 10px;
}

上面的代码中，border-radius属性的值为10px / 10px 10px 10px 10px。其中，10px表示圆角的半径，/后面的四个值分别对应左上角、右上角、右下角、左下角的四个内圆角。

如果要让四个角都是内圆角，可以把值改为：border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;

如果要让四个角都是外圆角，可以把值改为：border-radius: 10px 10px 10px 10px;

如果要让某个角是内圆角，某个角是外圆角，可以这样设置：

.box {
width: 200px;
height: 100px;
border: 2px solid #ccc;
padding: 10px;
border-radius: 10px 0 0 10px / 10px 0 0 10px;
}

上面的代码中，左上角和左下角是内圆角，右上角和右下角是外圆角。设置方法是先设置四个圆角半径，然后分别指定四个角是内圆角还是外圆角。