Скругленные углы на CSS. Селектор border-radius


Как часто нам приходиться делать закругленные углы у блоков. Раньше это приходилось делать картинками, но прогресс не стоит на месте. Лично я за прогресс, и занимаю жесткую позицию в теме кроссбраузерности и поддержки дохлых ослов. Поэтому рекомендую активно использовать CSS3, собственно о его свойстве и речь в данной статье.

Скругленные углы легко и кроссбраузерно делаются таким образом:

.someClass {
    border-radius: 6px; /* CSS3 поддерживается Opera 11+ и IE9 */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
}

Вот так выглядит результат этого селектора:

И важная заметка на память:

CSS3 поддерживают все современные браузеры, которые также самостоятельно обновляются. CSS3 уже давно надо активно использовать.