相关疑难解决方法(0)

如何使用CSS创建循环扇区

我想用CSS创建一个循环扇区.这些部门将形成一个完整的圈子.我怎样才能使用CSS?

我找到了一个样本,但它制作了四分之一的圆形扇区.我想制作一个完整圆圈的六个圆形扇区.我该怎么做?

注意:我不擅长绘画,但这里有我想要的样本......

圈子分为几个部门

div {
  width: 50px;
  height: 50px;
  background-color: #ccc;
  background-color: #ccc;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
#center {
  position: relative;
  margin: 100px 0 0 100px;
  border: solid #fff 1px;
}
#tl,#tr,#bl,#br {
  position: absolute;
  height: 75px;
  width: 75px;
  z-index: -1;
}
#tl {
  border-radius: 100px 0 0 0;
  -moz-border-radius: 100px 0 0 0;
  top: -50px;
  left: -50px;
}
#tr {
  border-radius: 0 100px 0 0;
  -moz-border-radius: 0 100px 0 0;
  top: -50px;
  left: 26px;
}
#bl …
Run Code Online (Sandbox Code Playgroud)

html css css-shapes

18
推荐指数
3
解决办法
8823
查看次数

标签 统计

css ×1

css-shapes ×1

html ×1