Как закруглить края div’а?



Описание вопроса

Сергей, здравствуйте! Подскажите, не получается закруглить края у див элемента!

Точнее получается, но только в гугл хром, а в мазиле и опере не работает!

Делаю так:

<div style="border-radius: 10px;"></div>

Заранее спасибо!

Ответ

Добрый день!

Для того, чтобы это правило (закругление элемента) корректно работало в всех браузерах — нужно прописать данное правило для каждого браузера.

Например, у нас есть div блок с классом — «my_class»:

<div class="my_class"></div>

Теперь пропишем соответствующие css правила для каждого браузера, которые сделаю закругления с радиусом в 10px:

.my_class{
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

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

Оставить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *