Как нарисовать круг радиуса R
- В пикселях
- В процентах от ширины и высоты квадратного родительского блока
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак нарисовать круг радиуса R
http://jsfiddle.net/po4teda/7jpzq/
#first {
background-color: red;
width: 32px;
height: 32px;
border-radius: 32px;
/* Равен ширине и высоте блока*/
}
#parent {
border: 1px solid red;
width: 300px;
height: 200px;
}
#parent div {
width: 50%;
height: calc(50% + 50px);
/* Иначе JS*/
height: -moz-calc(50% + 50px);
border-radius: 50%;
background-color: green;
}
<div id="first"></div>
<div id="parent">
<div></div>
</div>