• Авторизация


Как сделать чтобы при наведении на ссылку она выделялась 23-11-2009 16:59 к комментариям - к полной версии - понравилось!

Это цитата сообщения svetlana_Piskareva Оригинальное сообщение

Как сделать чтобы при наведении на ссылку она выделялась



Мы можем выделить ее, добавив параметр 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>

 

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать чтобы при наведении на ссылку она выделялась | BagirkO - Дневник | Лента друзей BagirkO / Полная версия Добавить в друзья Страницы: раньше»