Вопросы Теги

Как сделать круглый сектор с помощью CSS

Я хочу сделать круговой сектор с помощью CSS. Сектора образуют полный круг. Как я могу сделать это с помощью CSS?

Я нашел образец , но он образует четверть кругового сектора.Я хочу сделать шесть круглых секторов, которые образуют полный круг. Как я могу это сделать?

Примечание :Я плохо рисую, но вот образец того, что я хочу...

circle devided in sectors 

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 {
  border-radius: 0 0 0 100px;
  -moz-border-radius: 0 0 0 100px;
  top: 26px;
  left: -50px;
}
#br {
  border-radius: 0 0 100px 0;
  -moz-border-radius: 0 0 100px 0;
  top: 26px;
  left: 26px;
}

18
задан web-tiki 25 November 2015 в 11:30
поделиться