2

Как сделать такую рамку вокруг картинки? alt text

1

1 ответ 1

4
img.rounded {
    border-radius: 100px; /* половина длины картинки */
    border: 5px solid #3333cc; /* например */
}

Картинка (или контейнер) — квадрат

5
  • @densmith если поставить border-radius половину длины картинки, то рамка не круглая.
    – spoilt
    Commented 8 мар. 2015 в 0:25
  • 3
    для этого необходимо ставить border-radius: 50% or добавить половину border
    – soledar10
    Commented 8 мар. 2015 в 4:04
  • 1
    jsfiddle.net/8usc28a0
    – soledar10
    Commented 8 мар. 2015 в 4:11
  • @soledar10 я вижу, что Ваш пример прекрасно работает. Но у меня почему-то рамка не становиться как положено! dental2.brandivo.com
    – spoilt
    Commented 8 мар. 2015 в 9:46
  • вы задаете контейнеру border, а необходимо img - т.е там контейнер и не нужен
    – soledar10
    Commented 8 мар. 2015 в 10:03

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.