Blog Masholeh || Cara Mengatur, Membuat dan Merubah Background pada CSS, Di Postingan kali ini saya akan menjelaskan tutorial “CSS” mengenail cara memasukan background gambar, cara memposisikan background, cara membuat background warna, dan lain-lain.
Untuk lebih memahami lebih jauh silahkan simak contoh code berikut :
<html>
<head>
<title>Cara Mengatur Dan membuat Background Di CSS</title>
<style>
body { background-color : red;
background-image:url(http://masholeh.web.id/background.jpg);
background-position: center center}
</style>
</head>
<body>
</body>
</html>
Keterangan :
Pada background-image:url(logo.jpg), kata "logo.jpg" dapat diganti sesuai dengan gambar background apa yang hendak anda gunakan. Untuk mempermudah letakan gambar yang anda inginkan pada folder yang sama dengan code HTML yang ada save.
Selain code background di atas, anda juga dapat mempercantik atau pun mengatur background menggunakan code-code background di bawah ini :
-Backgorund-color , untuk menentukan warna backgound
-Background-image , untuk menggunakan file gambar sebagai background
-background-repeat , berguna untuk mengatur pengulangan gambar. Secara default, gambar akan diulang hingga memenuhi halaman tetapi anda dapat mengatur nya dengan menggunakan code berikut
-background-repeat: repeat-x , gambar akan di ulang secara horizontal, kiri dan kanan
-background-repeat: repeat-y , gambar akan di ulang secara vertikal, dari atas ke bawah.
-Background-repeat: no=repeat , gambar tidak akan di ulang
-background-position : mengatur posisi gambar apakah gambar berada di tenagh, kiri, kanan atau gabungan dari keduanya
Pada background-image:url(logo.jpg), kata "logo.jpg" dapat diganti sesuai dengan gambar background apa yang hendak anda gunakan. Untuk mempermudah letakan gambar yang anda inginkan pada folder yang sama dengan code HTML yang ada save.
Selain code background di atas, anda juga dapat mempercantik atau pun mengatur background menggunakan code-code background di bawah ini :
-Backgorund-color , untuk menentukan warna backgound
-Background-image , untuk menggunakan file gambar sebagai background
-background-repeat , berguna untuk mengatur pengulangan gambar. Secara default, gambar akan diulang hingga memenuhi halaman tetapi anda dapat mengatur nya dengan menggunakan code berikut
-background-repeat: repeat-x , gambar akan di ulang secara horizontal, kiri dan kanan
-background-repeat: repeat-y , gambar akan di ulang secara vertikal, dari atas ke bawah.
-Background-repeat: no=repeat , gambar tidak akan di ulang
-background-position : mengatur posisi gambar apakah gambar berada di tenagh, kiri, kanan atau gabungan dari keduanya
wah manfaat bgt nih mas utk custom template :)
BalasHapusthanks ijin sharing ya
keren infonya, nyari2 ngrubah background eh ada disini hehehe
BalasHapuscss emg agak repot ya