<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a background color!</p>
</body>
</html>
Berikut ini hasilnya
CSS background Gambar
Background Gambar Menentukan suatu latar belakang gambar dari sautu halaman.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image:ur(nama_gambar.type;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
<p>This page has a background color!</p>
</body>
</html>
Berikut ini Hasilnya.
Maka Hasilnya akan sama seperti yang di atas tetapi latar belkang menjadi berbeda .dan latarbelakang yangmuncul adalah file gambar yang anda masukan ke dalam skripdi atas.
CSS Border.
Border Merupakan suatu garis perbatasan yang yang dapat di atur lebar dan panjang sesuai dengan keinginan.seperti gambar di bawah ini
border-style properti menentukan apa jenis perbatasan untuk menampilkan. Nilai berikut yang diizinkan:
-
dotted- Mendefinisikan perbatasan bertitik -
dashed- Mendefinisikan perbatasan putus-putus -
solid- Mendefinisikan sebuah perbatasan yang solid -
double- Mendefinisikan perbatasan ganda -
groove- Mendefinisikan sebuah perbatasan beralur 3D. Efeknya tergantung pada nilai border-color -
ridge- Mendefinisikan sebuah perbatasan bergerigi 3D. Efeknya tergantung pada nilai border-color -
inset- Mendefinisikan sebuah perbatasan 3D inset. Efeknya tergantung pada nilai border-color -
outset- Mendefinisikan awal perbatasan 3D. Efeknya tergantung pada nilai border-color -
none- Mendefinisikan ada perbatasan -
hidden- Mendefinisikan perbatasan tersembunyi
Contoh.
<!DOCTYPE html>
<html>
<head>
<style>
p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
p.double {border-style: double;}
p.groove {border-style: groove;}
p.ridge {border-style: ridge;}
p.inset {border-style: inset;}
p.outset {border-style: outset;}
p.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}
</style>
</head>
<body>
<h2>The border-style Property</h2>
<p>This property specifies what kind of border to display:</p>
<p class="dotted">A dotted border.</p>
<p class="dashed">A dashed border.</p>
<p class="solid">A solid border.</p>
<p class="double">A double border.</p>
<p class="groove">A groove border.</p>
<p class="ridge">A ridge border.</p>
<p class="inset">An inset border.</p>
<p class="outset">An outset border.</p>
<p class="none">No border.</p>
<p class="hidden">A hidden border.</p>
<p class="mix">A mixed border.</p>
</body>
</html>
Hasilnya.
Dan contoh dari border-border di atas dapat di atur style border tersebut menggunakan warna,Ketebalan dan perbatasan dari panjang dan Lebar border.
Referensi :
w3schools.com
Tidak ada komentar:
Posting Komentar
Berikan Komentar, yang baik akan di balas dengan baik Pula.
Komentarmu Cerminan Hidupmu.