css实现div内凹角样式的示例代码

平常的开发中我们一般使用到圆角都是外凸的,即border-radius属性。而如果有内凹角的情况,我们一般的考虑实现方法有2种。一种是直接使用背景图片,一种是使用css。 用到的属性则是background或background-image结合径向渐变radial-gradient。示例: background-image: radial-gradient(200px at 50px 0px, #fff 50px, #4169E1 50px); 而对于径向渐变,主要是3个参数控制。 一个是原点和大小。大小类似border-radius的感觉,原点使用at表示可以指定点的坐标,或使用left、