Мы можем выделить ее, добавив параметр font-weight в описании стиля для ссылки.
<html>
<head>
<title>Выделение ссылки при наведении курсора</title>
<style type=”text/css”>
<!–
a {color: red; font-size: 14px}
a:hover {color: red; font-size: 14px; font-weight: bold}
–>
</style>
</head>
<body>
Рассмотрим пример, при котором <a href=”page.html”>ссылка</a> выделяется при наведении на нее
</body>
</html>
Другим не менее интересным примером можно предложить создать фон при наведении для ссылки, а вот реализация идеи
<html>
<head>
<title>Выделение ссылки при наведении курсора</title>
<style type=”text/css”>
<!–
a {color: red; font-size: 14px}
a:hover {color: #fff; font-size: 14px; background-color: red}
–>
</style>
</head>
<body>
Рассмотрим пример, при котором <a href=”page.html”>ссылка</a> выделяется при наведении на нее
</body>
</html>
Зайдите в Мой компьютер, если у вас стоит ОС Windows XP, подведите курсор к левой панели, например на пункт Мои документы. Заметили? ссылка при наведении поменяла цвет и стала подчеркнутой. Реализуем это.
<html>
<head>
<title>Выделение ссылки при наведении курсора</title>
<style type=”text/css”>
<!–
a {color: red; font-size: 14px; text-decoration: none}
a:hover {color: darkblue; font-size: 14px; text-decoration: underline}
–>
</style>
</head>
<body>
Рассмотрим пример, при котором <a href=”page.html”>ссылка</a> выделяется при наведении на нее
</body>
</html>