eprivalov
@eprivalov
Учусь

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

Как сделать такую рамку вокруг картинки?
666c7104e5144dd2b886ff48cabd90fa.jpg
  • Вопрос задан
  • 2510 просмотров
Решения вопроса 2
Ibraguim
@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>
Ответ написан
black_wolf1894
@black_wolf1894
Junior Front End Developer
avia_image {
     border: 6px solid #999;
     border-radius: 50%;
}
avia_image:hover {
     border: 6px solid #000;
}


А все предыдущее, что написали, снесите....
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
vahe_2000
@vahe_2000
добавим border и border-radius,изменяем углы .

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

CSS
img{
  width:110px;
  height:110px;
  border-radius:100%;
  border:5px solid #333;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы