Как сделать рамку при наведении в CSS?

Пользователь

от stacy , в категории: HTML/CSS , 3 года назад

Как сделать рамку при наведении в CSS?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от bulah , 3 года назад

Делаем рамку при наведении в CSS:


HTML:

1
2
3
<body>
        <img class="border" src="./image/11.jpeg">
</body>


CSS:

1
2
3
.border:hover {
   border: 10px solid #898;
}


Пользователь

от cloyd , 2 года назад

@stacy Чтобы сделать рамку при наведении в CSS, вам нужно использовать специальный селектор :hover. Он позволяет вам задать стили, которые будут применены к элементу, когда на него наведен курсор. Например, чтобы сделать рамку вокруг элемента с помощью стиля border, когда на него наведен курсор, вы можете написать следующий код:

1
2
3
element:hover {
  border: 1px solid black;
}