 |
| Tasarımın genel görünümü |
index.html kodları:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Başlıksız Belge</title>
<link rel="stylesheet" type="text/css" href="stilim.css">// Css sayfamızı çağırıyoruz.
</head>
<body>
<div id="kapsayici">
<div id="ust"><p class="yazi1">WEB TASARIMI</p>
</div>
<div id="orta">
</div>
<div id="alt"><p class="yazi2">Tüm Hakları Saklıdır. ©
</div>
</div>
</body>
</html>
sitil.css kodları:
@charset "utf-8";
/* CSS Document */
body
{background-image:url(Penguins.jpg);
background-repeat:repeat;
}
#kapsayici
{background-color:#999999;
width:800px;
height:auto;
margin-left:auto;
margin-right:auto;
padding:1px 20px 20px 20px;
}
#ust
{height:100px;
background-color:#FF0000;
}
#orta
{height:600px;
background-color:#FFFF00;
margin-top:10px;
}
#alt
{height:80px;
background:#FF0000; //"alt" İd seçicisi için kullanılmıştır.
text-align:center;
margin-top:20px;
}
.yazi1
{color:#FFFF00;
font-family:"monotype Corsiva"; // "yazi1" Class seçicisi için yazılmııştır.
font-size:3em;
text-align:center;
line-height:100px;
}
.yazi2
{font-family:"monotype Corsiva";
text-align:center;
font-size:20px;
color:#FFFF00;
}
0 yorum :
Yorum Gönder