заголовок - ссылка

ОФОРМЛЕНИЕ

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Заголовок</title>
<style>
h1 a { color: #aa9d71; }
</style>
</head>
<body>
<h1><a href="http://lyudmila-pimanowa.narod.ru/index/oformlenie/0-348">ОФОРМЛЕНИЕ</a></h1>
</body>
</html>

======================================================

заливка фона страницы

======================================================

разноцветные ссылки

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Использование контекстных селекторов</title>
 <style>
 .menu {
 padding: 5px; /* Поля вокруг текста */
 background: #066; /* Цвет фона */
 }
 .menu a {
 color: #ffc; /* Цвет ссылки */
 }
 .content {
 background: #ccc; /* Цвет фона */
 padding: 5px; /* Поля вокруг текста */
 }
 .content a {
 color:#6f4a25; /* Цвет ссылок */
 }
 </style>
 </head>
 <body>
 <div class="menu">
 <a href="link1.html">Ссылка 1</a> | 
 <a href="link2.html">Ссылка 2</a> | 
 <a href="link3.html">Ссылка 3</a>
 </div>
 <div class="content">
 <a href="link1.html">Ссылка 1</a> | 
 <a href="link2.html">Ссылка 2</a> | 
 <a href="link3.html">Ссылка 3</a>
 </div>
 </body>
</html>

Использование контекстных селекторов

Ссылка 1 | Ссылка 2 | Ссылка 3

Использование контекстных селекторов

Семейная реликвия Романовых | Продолжая вековые традиции... | Остановись, мгновенье!

====================================================

ссылки в классах

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title>Использование классов</title>
 <style>
 a {
 color: orange; /* Цвет ссылки */ 
 }
 a.content {
 color: #6f4a25; /* Цвет ссылок */ 
 text-decoration: none; /* Убираем подчеркивание */ 
 }
 a.content:visited { 
 color: purple; /* Цвет посещенных ссылок */ 
 }
 a.content:hover {
 color: red; /* Цвет ссылок при наведении на них курсора мыши */ 
 }
 </style>
 </head>
 <body>
 <p>
 <a href="link1.html">Ссылка 1</a> | 
 <a href="link2.html">Ссылка 2</a> | 
 <a href="link3.html">Ссылка 3</a>
 </p>
 <p>
 <a href="link1.html" class="content">Ссылка 1</a> | 
 <a href="link2.html" class="content">Ссылка 2</a> | 
 <a href="link3.html" class="content">Ссылка 3</a>
 </p>
 </body>
</html>

Использование классов

Ссылка 1 | Ссылка 2 | Ссылка 3

==================================================================