Закругляем углы в Firefox 3 и Safari

Существует множество способов закругления углов. Этот способ подходит только для браузеров Firefox 3 и Safari

#example {
     background: #eee;
     border: 1px solid #ccc;
     padding: 15px;
     -moz-border-radius: 10px; /* для Firefox */
     -webkit-border-radius: 10px; /* для Safari */
}

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

тут некоторый контент

В примере CSS я закругляю все углы, но естественно можно и изменять радиус конкретных углов.

  • -moz-border-radius-topleft и -webkit-border-top-left-radius
  • -moz-border-radius-topright и -webkit-border-top-right-radius
  • -moz-border-radius-bottomleft и -webkit-border-bottom-left-radius
  • -moz-border-radius-bottomright и -webkit-border-bottom-right-radius

Оставьте свой отзыв!

XHTML:
Вы можете использовать следующие тэги:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>