Как закруглить края 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;
}

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


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

Оставить комментарий

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

*

code

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