Question

html中怎么把div做的扇形放在固定位置以及控制扇形角度大小

代码

效果





Answer 1

我的思路是这样的：
用圆角属性做出扇形，再用一个矩形去遮挡
宽高相等画出正方形
加border-radius属性做出1/4圆或者1/2圆
矩形旋转

例如transform: rotate(45deg) 顺时针旋转45度
以上都在一个position:relative的父元素中，要旋转的矩形position:absolute
用js控制矩形旋转的角度，应该就可以了

Answer 2

放在固定位置：就用绝对定位！你把它的上一级定为相对定位！控制扇形角度 这个问题，既然你把扇形做出来了 ，当然能设置它的扇形角度啦！

追问

我想让它旋转定位 角度不知道怎么定 没有定角度 做出来就是1/4 你看我那代码就知道了

追答

这个用html+css制作可以自己规定度数的扇形比较麻烦，可以用图片代替的！旋转定位 ，你这个可以直接在图片中战士出来的。在图片中旋转好了之后直接使用！