Каждый замечал, что при наведении курсора мышки на ссылку, пункт меню или баннер, что-то происходит – меняется цвет ссылки, изменяется картинка и т.д. Все эти эффекты можно задать с помощью CSS.
Напишем пример, где с помощью класса зададим некоторые параметры для ссылки – цвет, подчёркнута или нет; цвет при наведении курсора.
Теперь рассмотрим более интересный пример, который можно потом применять для создания простого меню.
Сделаем три таблицы:
У первой таблицы при наведении курсора будет меняться цвет ячеек;
У второй таблицы при наведении курсора будет меняться цвет ячеек и цвет текста внутри них;
А у третьей таблице при наведении курсора цвет будут изменять все ячейки, которые расположены внутри <tr></tr>