Наведение на элемент. Hover

С помощью CSS возможность указать, как должен измениться объект (div, span, textarea и т.д.) при наведении на него курсором мыши.
Для этого существует псевдокласс - hover. Hover - изменяет определённые CSS-свойства при наведении на объект, и возвращает исходное состояние при потере курсора.
Он задаётся следующим образом:

<html>
<head>
<style>
    div.btn{
        padding:25px;
        background:#fc0;
        float:left;
    }
    div.btn:hover{
        background:#fa0;
        font-size: 200%;
        color:#fff;
    }
</style>
</head>
<body>
    <div class="btn">Наведи на меня</div>
</body>
</html>

Наведи на меня

Спасибо за внимание.

Если статья Вам показалась незаконченной или Вы знаете как её улучшить, пожалуйста сообщите мне e@gohtml.ru

Случайные уроки по этой теме:

Адаптивная верстка CSS Расположение элементов на странице. Position Применение свойств CSS к вложенным элементам С чем едят CSS. Тег style, подключение к HTML Используем SCSS/SASS