CSS закругленные углы

Question

Как мне сделать только один или два или три углы делительного круга?

Answer 1

Укажите желаемые углы:

border-top-left-radius: 10px 5px;
border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;

http://www.css3.info/preview/rounded-border/

Answer 2

Вот большой ресурс, который вы можете найти полезным, чтобы сделать это для вас и для изучения.

http://borderradius.com/

Удачи!

Хорошо, чтобы ответить вамВопрос (кроме инструмента):

Один угол (слева вверху):

-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;

Два угла (вверху слева и справа):

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

Три угла(вверху слева и справа и внизу справа)

-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;

И так далее ...

Весь радиус 10 пикселей, очень легко сделать с помощью рекомендованного мной инструмента.

Кстати: не пропустите idlefingers 'ответ, очень хороший ресурс !!

См. Также: Создание закругленных углов с помощью CSS

Answer 3

использование границы-радиуса

border-radius:5px;

далее Ссылка

Answer 4

Ни один из других ответов не работает с IE8, поэтому вот ссылка с многими возможными решениями:

DevWebPro