CSS绘制圆角矩形图形的效果网络运营网站维护

CSS绘制圆角矩形图形的效果--分类：网站维护我们在给矩形的四角进行圆角处理时，我们早期，都是采用片图来完成，这无疑是给网页的加载增加了负担，大量的图片载入在网页里，流量消耗，对用户是一刺痛的

网站运营网站维护

给网页及APP的加载速度，无疑是我们一直研究的方向

下面我们来们看看，如何给矩形圆角下处理，使其达到我们的预期效果，又少用JPG等图片元素

网站维护

-意思为“边框半径”）所以我们对它的定义，只需要给个值就可以了

我们只给某一个角定义圆弧效果

是啦，下面我们来看看其它的一些圆弧效果：单个角度圆弧果语法---:;对角圆弧，弧度大小不同的效果语法---:;---:;我们对四个角可以同时设置到个值

如果设置两个值，表示左上角和右下角使用第一个值，右上角和左下角使用第二个值

根据上述的效果，你是否会脑洞大开，如果我们定义圆，是否可以用这个方法，答案是肯定的

我们在写圆的代码时，也是这样定义的