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

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

stacy

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

7 | 0

css markup

2 ответа

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

bulah

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

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

HTML:

1
2
3

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

CSS:

1
2
3

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

1 | 0

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

cloyd

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

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

1
2
3

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

0 | 0

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

2 ответа

Похожие обсуждения: