Чтобы изменить цвет линии при наведении курсора мыши в CSS, можно использовать псевдокласс :hover. 2 Он позволяет изменять внешний вид элемента при наведении курсора мыши на него. 2

Пример кода: 2

body {  выравнивание текста по центру;}.borderColor {  отображение: встроенный блок;  отступ: 30x50px;  граница: 5px сплошной чёрный;}.borderColor:наведение {  граница: 5px сплошной зелёный;}

В этом примере при наведении курсора мыши цвет границы элемента изменится с чёрного на зелёный. 2

Чтобы сделать смену цвета плавной, можно использовать свойство transition. 3 В качестве значения нужно указать время перехода от одного цвета к другому. 3