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

Anasayfa Programlama Css Kutu Modeli


Kutu Modeli

AÇIKLAMA
 
Bu html sayfasında 3 sınıf tanımlaması yapılmıştır ve bu tanımlamalara uygun kutular oluşturulmuştur. Belirtilen sınıfa uygun kutular içerisine yazılar yazılmış, belirtilmeyen yapılar ise default sınıfa göre ayarlanmıştır.
 
Sayfa Kodu:

  1.  
  2. <html>
  3. <head>
  4. <title>CSS Kutu Modeli</title>
  5. <style type="text/css">
  6. * {
  7. margin:0px 0px 0px 0px;
  8. }
  9. div.s1 {
  10. border:30px #009933 solid;
  11. margin: 10px 20px 30px 40px;
  12. width: 50px;
  13. height:50px;
  14. float:left;
  15. }
  16. div.s2{
  17. border:2px orange dotted;
  18. margin:0px 0px 0px 0px;
  19. width: 50px;
  20. height:50px;
  21. float:left;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26.  
  27. <div class="s1">içerik</div>
  28. <div class="s2">içerik 2</div><br>
  29. <div>içerik 3</div><br>
  30. <div>içerik 4</div>
  31.  
  32. </body>
  33. </html>
  34.  


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