Oleh: awaludinfajari | Agustus 14, 2011

Membuat elemen tidak bertepi

Kadang kita melihat ada website yang memilki header yang tidak bertepi, maksudnya kita tidak menemukan ujung dari header itu sendiri, seperti website facebook.com, apa resepnya?caranya mudah kita hanya mengisikan nilai 0 pada style margin di tag body pada file css

 body{
margin:0;
}

Contoh :

Buat file style.css

body{
margin:0;
}
#header{
height:80px;
background:#3b5998;
}

Kemudian buat file index.html

<html>
<head>
<title> :: Latihan :: </title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id="header"></div>
</body>
</html>

Hasilnya :

Kalau kita tidak memberikan nilai 0 pada style margin di tag body css hasilnya akan seperti di bawah


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Kategori

%d blogger menyukai ini: