заголовок - ссылка
ОФОРМЛЕНИЕ
<!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>
======================================================
======================================================
заливка фона страницы
<meta charset="utf-8">
<title>Фон</title>
<style>
body {
background: #c7b39b url(http://img-fotki.yandex.ru/get/6617/136900948.87/0_8d9bf_aea3e41d_S);
color: #fff;
}
</style>
<p>...</p>
======================================================
======================================================
разноцветные ссылки
<!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>
====================================================
ссылки в классах
<!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
Ссылка 1 | Ссылка 2 | Ссылка 3
==================================================================
