<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml " xml:lang="en" lang="en">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="多彩文字,Разноцветный текст" />
<meta http-equiv="Description" content="利用CSS 的 Clip 属性来创造 多彩文字(Многоцветный текст)" />
<meta content="all" name="robots" />
<meta http-equiv="pragma" content="no-cache" />
<meta name="author" content="forestgan" />
<meta name="copyright" content="forestgan" />
<title>多彩文字(Разноцветный текст)</title>
<style type="text/css">
тело{
фон: #FFFFFF;
цвет: #333333;
семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 100%;
высота строки: 140%;
выравнивание текста: по центру;
заполнение: 0;
маржа: 0;
}
п{
маржа: 0;
}
адрес{
размер шрифта: 75%;
}
тело,html{
высота: 100%;
}
* html, * тело html{
переполнение: скрыто;
}
#вершина{
минимальная высота: 90%;
переполнение: авто;
}
* html #top{
высота: 90%;
}
#footer{
высота: 10%;
фон: #CC0000;
цвет: #FFFFFF;
}
адрес{
отступ-верх: 1em;
стиль шрифта: нормальный;
}
а {
текстовое оформление: нет;
}
.textBottom {
цвет: #333333;
позиция: абсолютная;
слева: 3эм;
верх: 1эм;
шрифт: 26px «Century Gothic», Arial, Helvetica, без засечек;
клип: rect (18 пикселей авто авто авто);
}
.textTop {
цвет: #CC0000;
позиция: абсолютная;
слева: 3эм;
верх: 1эм;
шрифт: 26px «Century Gothic», Arial, Helvetica, без засечек;
клип: прямоугольник (0 авто 18 пикселей 0);
}
.контейнер {
ширина: 28ем;
высота: 5ем;
маржа: 1em авто;
положение: относительное;
фон: #F6F6F6;
}
.textTop:hover {
цвет: #808080;
}
.textBottom:hover {
цвет: #FF4646;
}
</стиль>
</голова>
<body lang="ru">
<div id="топ">
<div class="container"> <a href="#" class="textTop">Каскадная таблица стилей </a> </div>
<p>Детские условия</p>
<div class="container"> <a href="#" class="textBottom">Каскадная таблица стилей </a> </div>
<p>Нажмите на кнопку «Открыть»</p>
<div class="container"> <a href="#" class="textTop">Каскадная таблица стилей </a> <a href="#" class="textBottom">Каскадная таблица стилей </a> </ div>
<p>Дополнительные параметры</p>
</div>
<div id="нижний колонтитул">
<адрес>
Дизайн: <a href=" http://www.forest53.com">forestgan</a > 本演示采用<a href=" http://www.creativecommons.cn/ ">创作共用授权</a> --署名和非商业用途。
</адрес>
</div>
</тело>
</html>