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

Question

[Петр Волханов]

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

Answer 1

[Ibraguim -]

<img class="avia_image " src="http://dental2.brandivo.com/wp-content/uploads/sites/32/2015/03/feature-2.png" alt="" itemprop="contentURL">
<style>

img {
  border-radius: 50%;
  border: 5px solid rgb(60, 66, 71);
}
img:hover {
  border: solid 5px rgb(101, 182, 255);
}
</style>

Comments

[Петр Волханов]

Ibraguim - почему-то рамка не становиться как положено! dental2.brandivo.com

[Ibraguim -]

Евгений Привалов: А теперь посмотри!

Answer 2

[Тимофей Белоусов]

avia_image {
     border: 6px solid #999;
     border-radius: 50%;
}
avia_image:hover {
     border: 6px solid #000;
}

А все предыдущее, что написали, снесите....

Comments

[Петр Волханов]

Тимофей Белоусов почему-то рамка не становиться как положено!? dental2.brandivo.com

Answer 3

[Андрей Бойченко]

вы серьезно?..

Comments

[Петр Волханов]

Ka4_Piton А Вы?

Answer 4

[Ваге]

добавим border и border-radius,изменяем углы .

HTML
<img src="#"></img>

CSS

img{
  width:110px;
  height:110px;
  border-radius:100%;
  border:5px solid #333;
}