Как закруглить края 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;
}
Все, теперь элемент должен корректно (с закруглениями) отображаться в разных браузерах.


Раздел: Разработка сайтов

Дата последнего изменения: 2015-07-08 23:22:58

Просмотров: 11220

Можете оставить комментарий, можете не оставлять, в общем развлекайтесь как хотите

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*