Код вашей страницы

  <html>
<head>
<style type="text/css">
a:link {background-color:#B2FF99;} /* непосещенная ссылка */
a:visited {background-color:#FFFF85;} /* посещенная ссылка */
a:hover {background-color:#FF704D;} /* ссылка, над которой находится курсор мыши */
a:active {background-color:#FF704D;} /* ссылка в момент щелчка мышью */
</style>
</head>

<body>
<p><b><a href="css_examples.html" target="_blank">Это ссылка</a></b></p>
<p><b>Заметка:</b> a:hover должен быть указан после указания a:link и a:visited в стилях CSS или
в теге style.</p>
<p><b>Заметка:</b> a:active указывается до a:hover в стилях CSS.</p>
</body>
</html>

Результат в окне браузера

Это ссылка

Заметка: a:hover должен быть указан после указания a:link и a:visited в стилях CSS или в теге style.

Заметка: a:active указывается до a:hover в стилях CSS.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки