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

404

Not Found

The resource requested could not be found on this server!


Proudly powered by LiteSpeed Web Server

Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.