Закругление углов в 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 угла по порядку: верхний левый, верхний правый, нижний правый, нижний левый
(по часовой стрелке)

Comments

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *