البرنامج التعليمي لخلق جميل وبسيط والأفقي المغلق القائمة |

البرنامج التعليمي لخلق جميل وبسيط والأفقي المغلق القائمة

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

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

  # الوحدة عند التقويم 
  ( 
  حشوة : 0 ؛ 
  ) 

  # لى الوحدة عند التقويم 
  ( 
  العرض : المحول ؛ 
  ) 

  # الوحدة عند التقويم لى أ 
  ( 
  عائلة الخط : Arial ؛ 
  حجم الخط : 12px ؛ 
  ; النصوص زينة : لا شيء ؛ 
  تعويم : غادر ؛ 
  حشوة : 10px ؛ 
  ; لون الخلفية : # 333333 ؛ 
  ; اللون : # ffffff ؛ 
  الحدود القاع : 1px ؛ 
  ; الحدود أسفل اللون : # 000000 ؛ 
  أسفل الحدود على غرار : الصلبة ؛ 
  ) 

  # الوحدة عند التقويم لى أ : تحوم 
  ( 
  ; لون الخلفية : # 9B1C26 ؛ 
  حشوة القاع : 12px ؛ 
  الحدود القاع : 2px ؛ 
  ; الحدود أسفل اللون : # 000000 ؛ 
  أسفل الحدود على غرار : الصلبة ؛ 
  هامش : -- 1px ؛ 
  ) 

الثانية دعونا جميع يكتب هتمل قائمة القائمة. ويقول لدينا روابط 7 ، كما هو مبين في الصورة ، وهنا يذهب الشفرة..


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