CSS по шагам


Изменение стиля внешней ссылки


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

A[href^="http://"] {

 font-weight: bold /* Жирное начертание */

}

</style>

</head>

<body>

<p><a href="link1.html">Обычная ссылка</a> |

<a href="http://htmlbook.ru" target="_blank">Внешняя ссылка на сайт htmlbook.ru</a></p>

</body>

</html>

Результат примера показан ниже.

A.out[href^="http://"] { font-weight: bold }

|

В данном примере внешние ссылки выделяются жирным начертанием. Также можно воспользоваться показанным в примере 12.2 приемом и добавлять к ссылке небольшое изображение, которое будет сообщать, что ссылка ведет на другой сайт.



Содержание раздела