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

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

Пример кода: www.geeksforgeeks.org

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

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

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