Beranda
CSS

Merubah Background Gambar Di CSS - Belajar CSS Untuk Pemula

Merubah Background Gambar Di CSS

Pada artikel kali ini kita akan belajar bagaimana cara mengubah background sebuah halaman website dengan menggunakan gambar. Oleh sebab itu silahkan temen-temen sediakan sebuah file gambar untuk dijadikan background untuk halaman website yang nantinya akan kita buat bersama-sama. Di sini saya sudah menyediakan sebuah gambar sederhana yang akan saya jadikan gambar pada background, Kemudian letakkan file gambar satu folder dengan file html dan css agar tidak kebingungan nantinya.

Merubah Background Gambar Di CSS

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Membuat background dengan gambar</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    .....
</body>
</html>


style.css

body{
    background: url('contoh.png');
    height: 900px;
    width: 2000px;
}


Pada syntax css diatas, untuk membuat gambar background kita mmenggunakan syntax :

background: url('contoh.png');

Ketika file programnya dijalankan, maka hasilnya akan sebagai berikut :

Merubah Background Gambar Di CSS

Gambar berhasil dterapkan pada background halaman sebuah website. Kalo ada yang mau ditanyakan silahkan bisa lewat kolom komentar.

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai cara merubah bacground gambar di css, untuk selanjutnya kita akan belajar lebih lanjut mengenai css ini. Semoga sampai disini teman-teman bisa mengikutinya dengan baik ya, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.


Sekian dan terimakasih...

Posting Komentar