इस ट्यूटोरियल कैसे लिंक की सूची के लिए एक खंड हॉवर प्रभाव पैदा करने के लिए ही ली, अवधि और उन्हें टैग के साथ एक साफ सीएसएस डिजाइन का उपयोग कर फार्म बताते हैं.

कदम: 1 मूल HTML संरचना

  > <div = "linkBox" आईडी> 
  <ul> 
  > Link Heading One <li> <a href = "#"> एक लिंक शीर्षक 
  <em> Lorem ipsum मातम, consectetur adipiscing elit amet बैठो. 
  Ut viverra dui nec risus.  यूरोपीय संघ neque एक tortor lacinia rhoncus. </ उन्हें में> 
  <span> 20 जून 2009 </ span> </ a> </ ली>  
 
  > Link Heading Two <li> <a href = "#"> दो शीर्षक लिंक 
  <em> Lorem ipsum मातम, consectetur adipiscing elit amet बैठो. 
  Ut viverra dui nec risus.  यूरोपीय संघ neque एक tortor lacinia rhoncus. </ उन्हें में> 
  <span> 21 जून 2009 </ span> </ a> </ ली>  
 
  > Link Heading Three <li> <a href = "#"> तीन शीर्षक लिंक 
  <em> Lorem ipsum मातम, consectetur adipiscing elit amet बैठो. 
  Ut viverra dui nec risus.  यूरोपीय संघ neque एक tortor lacinia rhoncus. </ उन्हें में> 
  <span> 22 जून 2009 </ span> </ a> </ ली>  
  </ उल> 
  </ div> 

कदम: 1 सीएसएस कोड

  # linkBox उल ( 
  ; सूची शैली-प्रकार: कोई नहीं; 
  ; चौड़ाई: 400px; 
  )  

  # linkBox ली ( 
  0 ; मार्जिन: 5px 0; 
  #ccc ; सीमा-bottom: 1px बिंदीदार # ccc; 
  #ccc ; सीमा टॉप: 1px बिंदीदार # ccc; 
  ) 

  # linkBox ली एक (  
  ; रंग: # E67701; 
  ; प्रदर्शन: ब्लॉक; 
  100 . 1 % "Georgia" , Times New Roman, Times, serif ; फ़ॉन्ट: साहसिक 100. 1% "जॉर्जिया", टाइम्स न्यू रोमन, टाइम्स, सेरिफ़; 
  ; padding: 5px; 
  ; पाठ-सजावट: कोई नहीं; 
  %; लाइन-ऊँचाई: 182. 5%; 
 
  ) 

  /* make hover effect work in IE */ * HTML # ली एक (/ आईई में * हॉवर प्रभाव काम कर linkBox * / 
  ; चौड़ाई: 400px; 
  ) 

  { # linkBox ली एक: हॉवर ( 
  ; पृष्ठभूमि: # eeeeee; 
  ) 

  # linkBox एक उन्हें (  
  ; रंग: # 333; 
  ; प्रदर्शन: ब्लॉक; 
  82 . 5 % "Georgia" , Times New Roman, Times, serif ; फ़ॉन्ट: सामान्य 82. 5% "जॉर्जिया", टाइम्स न्यू रोमन, टाइम्स, सेरिफ़; 
  . 5 %; लाइन-ऊँचाई: 182. 5%;  
  ) 

  # linkBox एक अवधि ( 
  ; रंग: # 006AFF; 
  82 . 5 % "Georgia" , Times New Roman, Times, serif ; फ़ॉन्ट: सामान्य 82. 5% "जॉर्जिया", टाइम्स न्यू रोमन, टाइम्स, सेरिफ़; 
  % ; लाइन-ऊँचाई: 150%; 
  ) 

इस उदाहरण

अंत में हम कर रहे हैं. हम लिंक की सूची के लिए एक खंड हॉवर प्रभावी बनाया. देखें मेरे उदाहरण और आइटम कार्रवाई में ब्लॉक हॉवर प्रभाव देखने के लिए इस सूची पर रोल.

के तहत दायर: सीएसएस, व्यवस्थापक द्वारा Tutorials