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!
 
404 Not Found

Server Error

404

Page Not Found

This page either doesn't exist, or it moved somewhere else.


That's what you can do