Border-Color
Border = Garis
Color = Warna
mrupakan properti yang digunakan untuk memberi warna pada garis. dengan properti pada CSS3 ini, kita bisa mengatur garis secara memudar atau tidak. berikut langkah-langkhnya:
CSS2.
Buat File dengan nama border.css yang isinya seperti berikut:
.border {
border-style: solid;
border-width: 20px;
}
Langkah selanjutnya anda buat file dengan nama border.html yang isinya sebagai berikut:
<html>
<head>
<title> Border Property </title>
<link rel="stylesheet" href="border.css" type="text/css">
</head>
<body>
<div class="border"> Halo, ini adalah Properti Border <br><br></div>
</body>
</html>
Selanjutnya klik border.html , maka hasilnya akan seperti ini
Untuk CSS3 , dapat anda tulis skripp border3.css berikut:
.border {
border: 10px solid #000;
-moz-border-top-colors: #000 #000 #db6a05 #f68826 #000 #fdb16f #fecfaa #fded00;
-moz-border-right-colors: #000 #000 #db6a05 #f68826 #000 #fdb16f #fecfaa #fded00;
-moz-border-bottom-colors: #000 #000 #db6a05 #f68826 #000 #fdb16f #fecfaa #fded00;
-moz-border-left-colors: #000 #000 #db6a05 #f68826 #000 #fdb16f #fecfaa #fded00;
padding: 10px 10px 10px 10px;
}
Buat File border3.html dengan isi sebagai berikut :
<html>
<head>
<title> Border Property </title>
<link rel="stylesheet" href="border3.css" type="text/css">
</head>
<body>
<div class="border"> Halo, ini adalah Properti Border <br><br></div>
</body>
</html>
Hasil eksekusi dari scrip diatas akan menampilkan tampilan berber blur seperti yang terlihat pada gambar dibawah ini.
Peraturan :
1. Dilarang Menggunakan Link
2. Dilarang Membuat Kata-kata Sex, porn, Dsb
3. Komentar Yang Positif.
EmoticonEmoticon