Чтобы изменить цвет линии при наведении курсора мыши в CSS, можно использовать псевдокласс :hover. 2 Он позволяет изменять внешний вид элемента при наведении курсора мыши на него. 2
Пример кода: 2
body { выравнивание текста по центру;}.borderColor { отображение: встроенный блок; отступ: 30x50px; граница: 5px сплошной чёрный;}.borderColor:наведение { граница: 5px сплошной зелёный;}
В этом примере при наведении курсора мыши цвет границы элемента изменится с чёрного на зелёный. 2
Чтобы сделать смену цвета плавной, можно использовать свойство transition. 3 В качестве значения нужно указать время перехода от одного цвета к другому. 3