2

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

1

1 ответ 1

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

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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