css3画圆和扇形
时间：2023-03-31 13:31:04
CSS
css越来越强大了。你可以用它来绘制各种简单的形状来代替图片。本次分享主要用于画圆和扇形，实现圆
效果如下：border-radius圆角四个值依次取：左上，右上，右下，左下。这里只设置了一个值，也就是说四个角的值都是50%。原理：border-radius:50%曲线化元素的边框以创建一个圆。由于圆在任何给定点具有相同的半径，因此宽度和高度都需要保证是相同的值，不同的值会产生椭圆。扇形的实现使用border-radius实现一个90度角的扇形：
效果如下：原理：左上角为圆角，其他三个角为直角：左上角的值与宽度和宽度相同高度，其他三个角的值保持不变（等于0）。2、任意角度绘制扇形效果如下：/绘制60度扇形//绘制85度扇形//绘制右扇形，90度扇形//绘制彩色扇形//绘制彩色扇形//绘制扇形不同颜色的半圆角/完整代码如下：
