Эффекты при наведении курсора

Псевдокласс :hover устанавливает стиль элемента при условии наведения на него курсора мыши, без нажатия. При использовании эффекта наведения курсора на ссылку, происходит изменение её стилей в соответствии с выбранными параметрами CSS. Это может быть цвет, фон и другое оформление.

Пример 1


HTML

<p><a href="URL">Ссылка</a> при наведении курсора</p>


CSS

a:hover {
	color: #575757;
	text-decoration: none;
}

Пример 2


HTML

<p><a href="URL">Эффект</a> при наведении курсора</p>


CSS

a:hover {
	color : #565656;
	background-color: #e5e5e5;
	padding: 4px;
	text-decoration: none;
}