هذا هو بسيط جدا ، والمغلق verticale القائمة. تعليمي وهذا يساهم في خلق وبسيطة وجذابة قائمة المغلق مع تحوم بارد.

الخطوة : 1

أولا وقبل كل شيء دعونا المغلق شفرة الكتابة القائمة. وغني عن مدونة هنا..

  (# الوحدة عند التقويم المقدس 
  الهامش : 0 ؛ 
  حشوة : 0 ؛ 
  قائمة على النمط من نوع : لا شيء ؛ 
  ) 


  # الوحدة عند التقويم المقدس لى ( 
  ; /*IE 6*/ العرض : المحول ؛ / * 6 * آي إي / 
  ) 


 display :block ; background : #d9d9d9 ; width : 200px ; text-decoration :none ; padding : 4px /*padding for top, bottom*/ 7px /*padding for left, right*/ ; border-bottom : 1px solid #eeeeee ; border-top : 1px solid #cccccc ; border-left : 5px solid # 333333 ; color : # 333333 ; # الوحدة عند التقويم المقدس لى أ (العرض : كتلة ؛ الخلفية : # d9d9d9 ؛ العرض : 200px ؛ النصوص زينة : لا شيء ؛ حشوة : 4px / * حشوة لقمة القاع * / 7px / * حشوة لليسار واليمين * ؛ الحدود القاع : 1px الصلبة # eeeeee ؛ الحدود العليا : 1px # cccccc الصلبة ؛ حدود اليسار : 5px الصلبة # 333333 ؛ اللون : # 333333 ؛ 
  { border-left-color : #0099FF ; color : #0066FF ; background : #c4c4c4 ; } # الوحدة عند التقويم المقدس لى أ : (تحوم الحدود اليسار اللون : # 0099FF ؛ اللون : # 0066FF ؛ الخلفية : # c4c4c4 ؛) 

الخطوة : 2

ونحن الآن في خلق البنية الأساسية هتمل.

 > <ul> <li> <a href = "#" > Home </a> </li> <li> <a href = "#" > About Us </a> </li> <li> <a href = "#" > Services </a> </li> <li> <a href = "#" > Sitemap </a> </li> <li> <a href = "#" > Contact </a> </li> < /ul> </div> <divمعرف = "nav"> <ul><li><ahref ="#"> الصفحة الرئيسية <</ لى> <li><ahref = "#"> عن <</ لى> <li><ahref = "#"> الخدمات <</ لى> <li><ahref ="#"> خريطة الموقع <</ لى> <li><أ href = " # "> الاتصال <</ لى> </ المقدس> </ شعبة> 

نعم..! عن القيام به! ترى كيف بسيط هو خلق المغلق القائمة... التجريبي..؟

قدم تحت : المغلق ، والتعليمية من قبل الادارة