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.
|
| Alıntı: |
<html>
<head>
<title>CSS Kutu Modeli</title>
<style type="text/css">
* {
margin:0px 0px 0px 0px;
}
div.s1 {
border:30px #009933 solid;
margin: 10px 20px 30px 40px;
width: 50px;
height:50px;
float:left;
}
div.s2{
border:2px orange dotted;
margin:0px 0px 0px 0px;
width: 50px;
height:50px;
float:left;
}
</style>
</head>
<body>
<div class="s1">içerik</div>
<div class="s2">içerik 2</div><br>
<div>içerik 3</div><br>
<div>içerik 4</div>
</body>
</html>
|