Закругление углов в CSS

Закруглить углы в CSS можно так:

#circle {
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

-moz-border-radius — Хак для Mozilla Firefox
-khtml-border-radius — Хак для Konquerer
-webkit-border-radius — Хак для Google Chrome и Safari, в последних версиях этих браузеров в принципе не нужен
border-radius — Свойство CSS3 для закругления углов

Если хотим закруглить только определенные углы:

	-moz-border-radius: 10px 0 10px 0 ;
	-khtml-border-radius: 10px 0 10px 0;
	-webkit-border-radius: 10px 0 10px 0;
	border-radius: 10px 0 10px 0;

4 значения 4 угла по порядку: верхний левый, верхний правый, нижний правый, нижний левый
(по часовой стрелке)

Комментарии
Если статья вам помогла (или не помогла), оставьте комментарий с отзывом для других пользователей и автора
Добавить комментарий

Ваш e-mail не будет опубликован.

Sidebar