<!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="الكلمات الرئيسية" content="多彩文字,نص متعدد الألوان" />
<meta http-equiv="Description" content="利用CSS 的 مقطع 属性来创造 多彩文字(نص متعدد الألوان)" />
<محتوى التعريف = "جميع" الاسم = "الروبوتات" />
<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، sans-serif؛
حجم الخط: 100%؛
ارتفاع الخط: 140%؛
محاذاة النص: مركز؛
الحشو: 0؛
الهامش: 0;
}
ص{
الهامش: 0;
}
عنوان{
حجم الخط: 75%؛
}
الجسم، أتش تي أم أل {
الارتفاع: 100%؛
}
* أتش تي أم أل، * أتش تي أم أل الجسم {
الفائض: مخفي؛
}
#قمة{
الحد الأدنى للارتفاع: 90%؛
الفائض: تلقائي؛
}
* أتش تي أم أل #الأعلى{
الارتفاع: 90%؛
}
#تذييل{
الارتفاع: 10%؛
الخلفية: #CC0000؛
اللون: #FFFFFF؛
}
عنوان{
الحشو العلوي: 1em؛
نمط الخط: عادي؛
}
أ{
زخرفة النص: لا شيء؛
}
.نص أسفل {
اللون: #333333؛
الموقف: مطلق؛
اليسار: 3م؛
أعلى: 1م؛
الخط: 26px "Century Gothic"،Arial، Helvetica، sans-serif؛
المقطع: مستقيم (18 بكسل تلقائي تلقائي)؛
}
.نصتوب {
اللون: #CC0000؛
الموقف: مطلق؛
اليسار: 3م؛
أعلى: 1م؛
الخط: 26px "Century Gothic"،Arial، Helvetica، sans-serif؛
مقطع: مستقيم (0 تلقائي 18 بكسل 0)؛
}
.حاوية {
العرض: 28 م؛
الارتفاع: 5م؛
الهامش: 1em تلقائي؛
الموقف: نسبي؛
الخلفية: #F6F6F6؛
}
.textTop:hover {
اللون: #808080؛
}
.textBottom:hover {
اللون: #FF4646؛
}
</نمط>
</الرأس>
<body lang="ar">
<div معرف = "أعلى">
<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> </ شعبة>
<p>البحث عن منتجات جديدة</p>
</div>
<div معرف = "تذييل">
<العنوان>
صمم بواسطة <a href=" http://www.forest53.com">forestgan</a > 本演示采用<a href=" http://www.creativecommons.cn/ ">创作共用授权</a> --المنتجات المصنعة والمنتجة.
</العنوان>
</div>
</الجسم>
</html>