Belajar Penggunaan Background di Css - Pada bagian ini kita akan membahas tentang Penggunaan background untuk memperindah tampilan Web. Untuk elemen-elemen background di html dan css adalah Sebagai berikut:
- background-color property ini biasanya digunakan untuk warna latar belakang elemen.
- background-image property ini digunakan untuk memasang background gambar.
- background-repeat property ini untuk mengatasi pengulangan background (gambar).
- background-position property ini biasanya digunakan untuk meletakan posisi background (gambar).
- background-attachment property ini mengatur bagaimana background diatur.
- background property mencakup semua yang diatas, jadi dengan satu property kamu bisa memasukan semua yg diatas.
<html>
<head>
<body>
<p style = "background-color:yellow;">
This text has a yellow background color.</p>
</body>
</head>
<html>
Hasilnya
This text has a yellow background color.
Kita juga bisa menggunakan Background gambar untuk mempercantik, contohnya sebagai berikut:
<html>
<head>
<style>
body {
background-image: url("/css/images/css.jpg");
background-color: #cccccc;
}
</style>
<body>
<h1>Hello World!</h1>
</body>
</head>
<html>
Hasilnya
This text has a yellow background color.
Sekian Tutorial singkat dari saya :D