С появлением CSS 3 появилась отличная возможность создавать скругленные края для абсолютно любых элементов.
Это значительно проще и удобнее, чем рисовать скругленные края в фотошопе и тратить время на подгонку фоновых изображений друг к другу. Кроме того, такая возможность позволит реализовать скругленные края в динамическом дизайне. Делается это при помощи кода border-radius с вариациями для браузеров:
-webkit-border-radius - для сафари и гугл хрома, -moz-border-radius: 20px - для файерфокса, -o-border-radius - для оперы, border-radius - для прочих браузеров (работает не всегда).
Код выглядит следующим образом:
#element {-webkit-border-radius: 10 -moz-border-radius: 10 -o-border-radius: 10 border-radius: 10}
Чем выше радиус закругления - тем более круглыми будут края, соответственно.
Также можно задавать разный радиус разным краям.
Для хрома/сафари:
-webkit-border-radius - закругляет все углы элемента.
-webkit-border-top-left-radius - закругляет верхний левый угол.
-webkit-border-top-right-radius - закругляет верхний правый угол.
-webkit-border-bottom-left-radius - закругляет нижний левый угол.
-webkit-border-bottom-right-radius - закругляет нижний правый угол.
Для мозиллы:
-moz-border-radius – закругляет все углы элемента.
-moz-border-radius-topleft - закругляет верхний левый угол.
-moz-border-radius-topright - закругляет верхний правый угол.
-moz-border-radius-bottomleft - закругляет нижний левый угол.
-moz-border-radius-bottomright - закругляет нижний правый угол.
Недостатки: не поддерживается старыми версиями браузеров.
И, разумеется, не поддерживается ИЕ до шестой версии точно.
Седьмую и выше лично я не проверял.
Тем не менее, с учетом того, что ИЭ также лютобешено ненавидел пнг-шки, и не читал прозрачность, а также постоянно выдавал глюки с позиционированием и отступами, вариант с CSS3 все же проще. В ИЭ просто будут отображаться квадратные углы вместо закругленных, но ничего никуда не уплывет.
Как это выглядит, можно посмотреть здесь: pedobeer.diary.ru/
Правда, отображаются закругления в опере или нет, я еще не проверял. Знаю точно, что работает в мозилле и сафари.