Belajar CSS Dasar : Mengubah gambar background dengan CSS
Pada sub judul mengubah gambar background dengan css ini akan di jelaskan bagaimana cara mengubah background sebuah halaman website dengan menggunakan gambar. oleh sebab itu anda harus menyediakan sebuah file gambar untuk dijadikan background untuk halaman website anda. di sini saya sudah menyediakan sebuah gambar sederhana yang akan saya jadikan gambar pada background. letakkan file gambar satu folder dengan file html dan css agar tidak kebingungan nantinya. nama file gambar yang akan kita pakai adalah malasngoding.png
.png)
--index.html--
<!DOCTYPE html>
<html>
<head>
<title>Membuat background dengan gambar</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
< h1>Membuat background gambar dengan CSS</h1>
</body>
</html>
--style.css--
body{
background: url('malasngoding.png');
color: #fff;
}
perhatikan pada syntax css di atas. untuk membuat gambar background gunakan syntax
| background: url('malasngoding.png'); |
.png)
Gambar pun berhasil di pasang sebagai background halaman. sekian tutorial belajar dasar CSS tentang cara mengubah background dengan CSS.
Sumber:
.png)
Komentar
Posting Komentar