أفضل تطبيقات CSS:
| المنتج الرئيسي: <نمط> /* www.zishu.cn 子鼠*/ الجسم { حجم الخط: 12 بكسل؛ محاذاة النص:مركز؛ الهامش العلوي: 30 بكسل؛ عائلة الخط:Verdana;} شعبة، img {الهامش: 0؛ الحشو: 0؛ الحدود:0;} ul،li{list-style-type: none; الهامش:0; الحشو: 0؛ تعويم: يسار؛ } #info{ الهامش الأيسر: تلقائي؛ الهامش الأيمن: تلقائي؛ العرض: 760 بكسل؛ محاذاة النص:يسار؛} #new{ الهامش العلوي:-12px;الموضع: مطلق;الهامش الأيسر:-12px;} # التنقل { الارتفاع: 30 بكسل؛ العرض: 610 بكسل؛ الهامش الأيسر: تلقائي؛ الهامش الأيمن: تلقائي؛} #nav li{margin-left:1px; الارتفاع: 30 بكسل؛} #nav li a{ عرض: كتلة؛ تعويم: يسار؛ زخرفة النص: لا شيء؛ صورة الخلفية: url(http://www.zishu.cn/attachments/month_0605/ r2 00652134132.gif);تكرار الخلفية: عدم التكرار; عرض:كتلة؛ موضع الخلفية: أعلى اليسار؛} #nav aspan{cursor:hand; اللون:#000;صورة الخلفية: url(/u/info_img/2009-05/30/v200652134115.gif);تكرار الخلفية: عدم التكرار; عرض: كتلة؛ موقف الخلفية: أعلى اليمين؛ الحشو: 7px 10px 6px 10px؛ تعويم: يسار؛ } #nav li a:active,#nav li a:hover {margin-top:0px; } #nav li a:activespan,#nav li a:hoverspan {padding:10px 10px 6px 10px; الهامش العلوي:0px; عرض:كتلة؛ اللون:#FFF;} #zishu01 a:link,#zishu01 a:تمت الزيارة {background-position: 0px -27px;} #zishu01 a:امتداد الرابط،#zishu01 a:امتداد الزيارة{background-position:right -27px;padding:10px 10px 6px 10px; الهامش العلوي:0; اللون: #FFF؛ وزن الخط: غامق؛} #zishu02 a,#zishu03 a,#zishu04 a,#zishu05 a,#zishu06 a,#zishu07 a,#zishu08 a,#zishu09 a,#zishu10 a,#zishu11 a{margin-top:3px;} #zishu02 a:active,#zishu02 a:hover {background-position: 0px -57px;} #zishu02 a:الامتداد النشط,#zishu02 a:hoverspan{background-position:right -57px;} #zishu03 a:active,#zishu03 a:hover {background-position: 0px -87px;} #zishu03 a:الامتداد النشط,#zishu03 a:hoverspan{background-position:right -87px;} #zishu04 a:active,#zishu04 a:hover {background-position: 0px -117px;} #zishu04 a:الامتداد النشط,#zishu04 a:hoverspan{background-position:right -117px;} #zishu05 a:active,#zishu05 a:hover {background-position: 0px -147px;} #zishu05 a:الامتداد النشط,#zishu05 a:hoverspan{background-position:right -147px;} #zishu06 a:active,#zishu06 a:hover {background-position: 0px -177px;} #zishu06 a:الامتداد النشط،#zishu06 a:hoverspan{background-position:right -177px;} #zishu07 a:active,#zishu07 a:hover {background-position: 0px -207px;} #zishu07 a:الامتداد النشط,#zishu07 a:hoverspan{background-position:right -207px;} #zishu08 a:active,#zishu08 a:hover {background-position: 0px -237px;} #zishu08 a:الامتداد النشط،#zishu08 a:hoverspan{background-position:right -237px;} #zishu09 a:active,#zishu09 a:hover {background-position: 0px -267px;} #zishu09 a:الامتداد النشط,#zishu09 a:hoverspan{background-position:right -267px;} #zishu10 a:active,#zishu10 a:hover {background-position: 0px -297px;} #zishu10 a:الامتداد النشط,#zishu10 a:hoverspan{background-position:right -297px;} #zishu11 أ:فترة الارتباط،#zishu11 أ:فترة الزيارة{اللون:#FF6600;} #zishu11 a:active,#zishu11 a:hover {background-position: 0px -327px;} #zishu11 a:الامتداد النشط،#zishu11 a:hoverspan{background-position:right -327px;} #menu{ العرض: 760 بكسل؛ الارتفاع: 26 بكسل؛ الخلفية:#FF9900;} #r1{الحدود العلوية: 0px;الحدود السفلية: 0px; الحدود اليسرى: 3 بكسل صلبة #fff؛ الحدود اليمنى: 3 بكسل صلبة #fff؛ الارتفاع: 1 بكسل؛ تجاوز: مخفي؛} #r2{الحدود العلوية: 0px;الحدود السفلية: 0px; الحدود اليسرى: 2 بكسل صلبة #fff؛ الحدود اليمنى: 2 بكسل صلبة #fff؛ الارتفاع: 1 بكسل؛ تجاوز: مخفي؛} #r3{الحدود العلوية: 0px;الحدود السفلية: 0px; الحدود اليسرى: 1 بكسل صلبة #fff؛ الحدود اليمنى: 1 بكسل صلبة #fff؛ الارتفاع: 1 بكسل؛ تجاوز: مخفي؛} </نمط> |
هناك الكثير من الأشياء التي يمكنك القيام بها
| المنتج الرئيسي: <div معرف = "معلومات"> <div معرف = "التنقل"> <ul> <li id="zishu01"><a href="http://www.zishu.cn"><span> 首页</span></a></li> <li id="zishu02"><a href="http://www.zishu.cn"><span> 数码通讯</span></a></li> <li id="zishu03"><a href="http://www.zishu.cn"><span>女人</span></a></li> <li id="zishu04"><a href="http://www.zishu.cn"><span>男人</span></a></li> <li id="zishu05"><a href="http://www.zishu.cn"><span>家居</span></a></li> <li id="zishu06"><a href="http://www.zishu.cn"><span> 书籍音像</span></a></li> <li id="zishu07"><a href="http://www.zishu.cn"><span>المحتوى</span></a></li> <li id="zishu08"><a href="http://www.zishu.cn"><span> المعلومات </span></a></li> <li id="zishu09"><a href="http://www.zishu.cn"><span>宠物</span></a></li> <li id="zishu10"><a href="http://www.zishu.cn"><span>الصفحة الرئيسية</span></a></li> <li id="zishu11"><a href="http://www.zishu.cn"><span>淘宝商城</span></a></li> <li><div id="new"><img src="/u/info_img/2009-05/30/x200652135342.gif" alt="新加栏目" /></div></li> </ul> </div> <div معرف = "القائمة"> <div id="r1"></div> <div id="r2"></div> <div id="r3"></div> <ديف></ديف> </div> </div> <p>الحصول على معلومات حول www.zishu.cn 2006-05-21 03:05 </p> |