BAB 4
Background biasanya digunakan untuk mendefinisikan oengaturan background / dasar halaman pada setiap elemen. Properti background ini memiliki empat properti baru yang dapat kita gunakan dalam CSS3, diantaranya kita akan telusuru tahap demi tahap, yuk kita mulai properti yang pertama
Background Origin
Backgroun Origin ini digunakan untuk memberikan background sesuai dengan penempatannya. CSS3 dapat menggunakan beberapa background untuk 1 elemen. buat file dengan nama backgrorund_origin.html yang isi script nya seperti di bawah ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
border:1px solid black;
padding: 35px;
background-image:url('Dary.png');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>
<p>background-origin:border-box:</p>
<div id="div1">
Sidary Blogger merupakan web saya yang ke sekin kalinya, web ini berisi tutorial, tips dan trik, template, anime, berita , dan lain-lain
</div>
</body>
</html>
Maka Hasilnya akan seperti ini :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div
{
border:1px solid black;
padding: 35px;
background-image:url('Dary.png');
background-repeat:no-repeat;
background-position:left;
}
#div1
{
background-origin:border-box;
}
#div2
{
background-origin:content-box;
}
</style>
</head>
<body>
<p>background-origin:content-box:</p>
<div id="div2">
Sidary Blogger merupakan web saya yang ke sekin kalinya, web ini berisi tutorial, tips dan trik, template, anime, berita , dan lain-lain
</div>
</body>
</html>
Maka Hasilnya Akan Seperti gambar di bawah ini
Selanjutnya saya akan membahas BAB 4 Background Clip , kunjungi terus sidary
Peraturan :
1. Dilarang Menggunakan Link
2. Dilarang Membuat Kata-kata Sex, porn, Dsb
3. Komentar Yang Positif.
EmoticonEmoticon