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