Pengulangan gambar background tersebut bisa kita atur dengan menggunakan property background-repeat. Anda bisa mengulang gambar secara horizontal (sesuai sumbu x) atau secara vertikal (y) atau anda pun dapat tidak mengulangi background tersebut.
background-repeat : repeat-x;
Untuk lebih mengerti ayo kita lakukan percobaan dengan membuat file baru dan beri nama background_repeat.html lalu silahkan ketikkan kode dibawah ini:
<!DOCTYPE html>
<html>
<head>
<title>BakgroundI Repeat</title>
<style>
#box{
width : 500px;
height :300px;
background : url(bc.jpg);
background-repeat : repeat-x;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
Hasil dari kode diatas adalah:
Tersedia di Bacacoding:
background-repeat : repeat-y;
<!DOCTYPE html>
<html>
<head>
<title>BakgroundI Repeat</title>
<style>
#box{
width : 500px;
height :300px;
background : url(bc.jpg);
background-repeat : repeat-y;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
Hasil dari kode diatas adalah:
background-repeat : no-repeat;
<!DOCTYPE html>
<html>
<head>
<title>BakgroundI Repeat</title>
<style>
#box{
width : 500px;
height :300px;
background : url(bc.jpg);
background-repeat : no-repeat;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
Hasil dari kode diatas adalah:
Nah Bagaimana…? apakah sekarang kamu sudah mengerti Cara Membuat (Pengulangan Gambar) Background Repeat dengan CSS? Mungkin itu saja tulisan yang membahas tentang Cara Membuat (Pengulangan Gambar) Background Repeat dengan CSS, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon