1.首先用css创建一个圆并等分
代码如下:
.box {
width: 596px;
height: 596px;
border: 2px dotted gold;
margin: 100px auto;
border-radius: 50%;
position: relative;
}
.item1 {transform: rotate(30deg); bacground: rgb(243, 111, 4);};
.item2 {transform: rotate(60deg); bacground: rgb(243, 111, 4);};
.item3 {transform: rotate(90deg); bacground: rgb(243, 111, 4);};
.item4 {transform: rotate(120deg); bacground: rgb(243, 111, 4);};
.item5 {transform: rotate(150deg); bacground: rgb(243, 111, 4);};
.item6 {transform: rotate(180deg); bacground: rgb(243, 111, 4);};
2.在创建好的等分圆内添加一个指针
代码如下
.pointer {
width: 0;
height: 0;
position: absolute;
top: 300px;
left: 295px;
border-top: 250px solid black;
border-top-left-radius: 5px;
border-top-right-rad