Border-Shadow
Sesuai dengan namanya, Shadow berarti Bayangan. Border-shadow adalah properti yang akan digunakan memunculkan efek pada suatu garis. Buat File dengan nama border_shadow.css yang scripnya berisi sebagai berikut :
#garis1 {
-moz-box-shadow: inset -5px -5px #333;
height : 90px;
background-color:#888aaa;
margin : 10px;
}
#garis2 {
-moz-box-shadow: inset -5px -5px 5px #333;
height : 90px;
background-color:#cc9900;
margin : 10px;
}
#garis3 {
-moz-box-shadow: inset 5px 5px 5px 5px #333;
height : 90px;
background-color:#f0f0f0;
margin : 10px;
}
#garis4 {
-moz-box-shadow: inset 0 0 5px 5px #333;
height : 90px;
background-color:#778899;
margin : 10px;
}
Selanjutnya buat file dengan nama border_shadow.html yang scripnya berisi sebagai berikut :
<html>
<head>
<title> Border Property </title>
<link rel="stylesheet" href="border_shadow.css" type="text/css">
</head>
<body>
<div id="garis1">
<b>Efek 1</b>
</div>
<div id="garis2">
<b>Efek 2</b>
</div>
<div id="garis3">
<b>Efek 3</b>
</div>
<div id="garis4">
<b>Efek 4</b>
</div>
</body>
</html>
Hasil Scrip diatas akan menghasilkan efek seperti gambar di bawah ini :
Selanjutnya saya akan membahas BAB 4 - Property Bacground , Kunjungi Terus Sidary
1 comments so far
makasih sob infonya
Peraturan :
1. Dilarang Menggunakan Link
2. Dilarang Membuat Kata-kata Sex, porn, Dsb
3. Komentar Yang Positif.
EmoticonEmoticon