ile sayfaya bağlanmıştır. Böylece css tekniğiyle liste yapısı oluşturulmuştur. " /> Programlama | Programlama Dilleri | C Programlama Dili |C++ - Liste Yapısı Oluşturma

Programlama | Programlama Dilleri | C Programlama Dili |C++

Anasayfa Programlama Css Liste Yapısı Oluşturma


Liste Yapısı Oluşturma

AÇIKLAMA
 
Bu kısımda css yapıları li_still3.css dosyasında tanımlanmış ve html sayfada
 
<link rel="stylesheet" type="text/css" href="/li_stil3.css">
 
 ile sayfaya bağlanmıştır. Böylece css tekniğiyle liste yapısı oluşturulmuştur.
 
li_still3.css Kodu:

  1.  
  2. /* Liste Kullanarak Menü Oluşturma*/
  3. ol {
  4. list-style-type:none;
  5. margin:0px;
  6. padding:0px;
  7. width:130px;
  8. }
  9. ol li {
  10. border-bottom:1px solid white;
  11. }
  12. ol li a {
  13. display:block;
  14. color:darkblue;
  15. text-decoration:none;
  16. text-indent:4px;
  17. backgroud:lightblue;
  18. }
  19. ol li a:hover{
  20. color:white;
  21. background-color:gray;
  22. }
  23.  
  24. ol li ol {
  25. margin-left:10px;
  26. }
  27.  

 Sayfa Kodu:

 

  1.  
  2.  
  3. <html>
  4. <head>
  5. <link rel="stylesheet" type="text/css" href="li_stil3.css">
  6. </head>
  7. <body>
  8. <ol>
  9.     <li><a href="/">CSS</a>
  10.         <ol>
  11.             <li><a href="/">Seçiciler</a></li>
  12.             <li><a href="/">Metin Özellikleri</a></li>
  13.             <li><a href="/">Liste Özellikleri</a></li>
  14.             <li><a href="/">Kutu Modeli</a></li>
  15.         </ol>
  16.     </li>
  17.     <li><a href="/">Javascript</a>
  18.         <ol>
  19.             <li><a href="/">Giriş</a></li>
  20.             <li><a href="/">Operatörler</a></li>
  21.             <li><a href="/">Diziler</a></li>
  22.             <li><a href="/">Koşul İfadeleri</a></li>
  23.         </ol>
  24.     </li>
  25.     <li><a href="/">HTML</a>
  26.         <ol>
  27.             <li><a href="/">Etiketler</a></li>
  28.             <li><a href="/">Formlar</a></li>
  29.         </ol>
  30.     </li>
  31.     <li><a href="/">DHTML</a></li>
  32.     <li><a href="/">PHP</a></li>   
  33. </ol>
  34. </body>
  35. </html>
  36.  

Yorumlar (0)
Sadece kayıtlı kullanıcılar yorum yazabilir!