Закругляем углы в 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
Случайные посты ↓
  1. Happy Landscape
  2. under the influence
  3. XPro for winamp

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

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

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