CSS DIV YERLEŞİMLERİ 1

HTML KODLARI

<body> 
	<div class="wrapper">
		<div class="header">HEADER</div>
		<div class="slider">SLİDER</div>
		<div class="main">MAIN</div>
		<div class="footer">FOOTER</div> 
	</div>
</body>

CSS KODLARI

	<style type="text/css"> 
	body {
		padding:0;
		margin:0;  
	}
	.wrapper {
		font-size:30px;
		font-weight: bold;
		text-align:center;
	}
	.header {
		padding:10px;  /*iç boşluk */
		background-color:#da3d00 ; /* ap rengi*/
		color:white;  /*yazı rengi */
		height:100px; 
		line-height:100px; /* satır yüksekliği */
	}

	.slider {
		padding:10px;  /*iç boşluk */
		background-color:#111; /* ap rengi*/
		color:white;  /*yazı rengi */
		height:350px; /* yükseklik*/ 
		line-height:350px; /* satır yüksekliği */
	}

 
	.main {
		padding:10px;  /*iç boşluk */
		background-color:#fff; /* ap rengi*/
		color:#000;  /*yazı rengi */
		height:350px;  
		line-height:350px; /* satır yüksekliği */
	}

 
	.footer { 
		padding:10px;  /*iç boşluk */
		background-color:#da3d00 ; /* ap rengi*/
		color:#eee;  /*yazı rengi */  
		height:100px;
		line-height:100px; /* satır yüksekliği */
	}
	</style>

Tarayıcıda Aç

Son Güncelleme : 04 Kasım 2024 04:37, Pazartesi

YORUMLAR (0) YORUM YAZ

Yorum yapılmamış!

BENZER İÇERİK