Перейти к содержимому



Закругление углов у div

#1 Sleepwalker
Sleepwalker
  • Неактивные
  • 204 сообщений
  • Репутация: 3
0

Обновлено 23 октября 2013 - 00:17  Отправлено 11 октября 2013 - 09:02

Доброго времени суток, возможно ли у дивов делать закругленные углы?

 

 

  • 0

#2 Игорян
Игорян
  • Неактивные
  • 296 сообщений
  • Репутация: 10

Отправлено 11 октября 2013 - 09:29

1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах.
2. Нарежьте картинку с круглыми углами в фотошопе на три части верх, низ и середина. Далее нужно будет прописать класс div и придать стиль в котором и пропишите путь до нарезанных картинок. Такой способ корректно работает во всех браузерах.

P.S. гугл знает всЁ! Тема заезженная вдоль и поперек.
  • 1

#3 Sleepwalker
Sleepwalker
    Topic Starter
  • Неактивные
  • 204 сообщений
  • Репутация: 3

Отправлено 11 октября 2013 - 10:55

Спасибо! а как можно сделать отступ по шире от текста до края??
{border-radius: 15px; color: #c0c0c0;  border:1px solid #f6a955;}

  • 0

#4 fedornabilkin
fedornabilkin
  • Модератор
  • 1 190 сообщений
  • Репутация: 206

Отправлено 11 октября 2013 - 11:39

отступ

padding:1px 2px 3px 4px;
Сверху 1, справа 2, снизу 3 и слева 4 пикселей.
Можно использовать
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;

  • 1

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.



#5 Лиана Аджиева
Лиана Аджиева
  • Неактивные
  • 130 сообщений
  • Репутация: 14

Отправлено 15 октября 2013 - 11:54

Все верно, но вы забыли, что разные люди пользуются разными браузерами и не все стили в разных браузерах отображаются одинаково и поэтому
.class {
  border-radius: 10px;  /* свойство для тех кто его поддерживает */
  -moz-border-radius: 10px;  /* для firefox */
  -webkit-border-radius: 10px;  /* для Safari и Chrome */
}

  • 0

#6 isvetlichniy
isvetlichniy
  • Неактивные
  • 622 сообщений
  • Репутация: 93

Отправлено 15 октября 2013 - 16:13

1. Пропишите класс к блоку div и придайте стиль border-radius. это простой способ, но на сколько помню он работает не во всех браузерах.

не работает только в старых браузерах, а если конкретно - то читайте спецификацию
я рекомендую не заморачиваться на счет браузеров, так как 90% пользователей уже используют "нужные" браузеры. Статистика по браузерам
  • 1

#7 freezeranet
freezeranet
  • Неактивные
  • 12 сообщений
  • Репутация: 1

Отправлено 16 октября 2013 - 16:06

А вообще, обновляйте браузеры :)
  • 1

#8 WhiteIce
WhiteIce
  • Неактивные
  • 30 сообщений
  • Репутация: 2

Отправлено 23 октября 2013 - 00:17

Скругление уголков не работает в ие8 и ниже, если нет требований поддержки в этих браузеров (делаете сайт для себя) сейчас уже можно ими принебречь. Для старых браузеров других версий есть префиксы.
Еще можно пользоваться такой штукой ( последняя версия на скорости уже не сказывается).
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 22.5 3 темы, 6 сообщений, 1 балл репутации

  • Фотография kuztoday
    #2

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография mkreine
    #3

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография kolver
    #4

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #5

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография Totti
    #6

    Totti
    Очков активности: 7.5 0 тем, 5 сообщений, 1 балл репутации

  • Фотография BLIK
    #7

    BLIK
    Очков активности: 7.5 Вне конкурса за определение пользователя месяца

  • Фотография Zevss
    #8

    Zevss (domles43.ru)
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография fedornabilkin
    #9

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография SergiuS85
    #10

    SergiuS85
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru