<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div {
padding: 30px;
background-color: #8ebf42;
color:#eee;
}
div:hover {
background-color: #666;
color: #fff;
}
</style>
</head>
<body>
<h2>Пример селектора :hover</h2>
<div>
Lorem Ipsum - это текст-"рыба"...
</div>
</body>
</html>