CSS Çalışma-3

Merhaba arkadaşlar bu günde sizinle bir site iskeleti ile karşınızdayım.Bu gün daha güzel tasarımlı bir site yapacağız önce site iskeleti çalışmamızda sol ve sağ bölüm yapmamıştık şimdi yaptık çokta güzel oldu.Umarım beğenirsiniz.

ÜST BÖLÜM

SOL BÖLÜM

ORTA BÖLÜM

SAĞ BÖLÜM

ALT BÖLÜM

BURASI DA ÇAĞIRMA İŞLEMLERİ

KODLARIN TAMAMI

GÖRÜNÜM

Çalışmayı buradan indirebilirsiniz.

 KODLAR

	<html>  <head>
	<title>Css çalışma3</title>
	<style type="text/css">
	.ust
	{
	width:1270px;
	margin:auto;
	height:100px;
	background-color:red;
	font-weight:bold;
	font-family:Bradley Hand ITC
	}
	.sol
	{
	width:385px;
	height:500px;
	background-color:orange;
	float:left;
	font-weight:bold;
	font-family:Bradley Hand ITC
	}
	.orta
	{
	width:475px;
	height:500px;
	background-color:green;
	margin:auto;
	font-weight:bold;
	font-family:Bradley Hand ITC
	}
	.sag
	{
	width:385px;
	height:500px;
	background-color:orange;
	float:right;
	font-weight:bold;
	font-family:Bradley Hand ITC
	}
	.alt
	{
	width:1270px;
	height:100px;
	background-color:pink;
	margin:auto;
	font-weight:bold;
	font-family:Bradley Hand ITC
	}
	</style
	</head>
	<body>
	<div class="ust"><center>BURASI BİZİM BANNER DİYE NİTELENDİRDİĞİMİZ ÜST BÖLÜM</div>
	<div class="sol">BURASI BİZİM SOL BÖLÜMÜMÜZ</div>
	<div class="sag">BURASIDA BİZİM SAĞ BÖLÜMÜMÜZ</div>
	<div class="orta"><center>BURASI BİZİM İÇERİK BÖLÜMÜMÜZ</div>
	<div class="alt"><center>BURASI BİZİM FOOTER DİYE NİTELENDİRDİĞİMİZ ALT BÖLÜM</div>
	</body>
	</html>