Judul : Belajar Background CSS. Tujuan : Mempelajari cara mengatur Background CSS untuk tampilan pada html. Target : Dapat memahami struktur dari pemrograman CSS.
Setelah mempelajari Width CSS pada sesi sebelumnya, sekarang kita akan mempelajari mengenai Background CSS. Background ini digunakan untuk memasukkan gambar atau warna dalam halaman html. Kegunaan background ada beberapa jenis pertama itu penggunaan background untuk gambar dan penggunaan background untuk warna solid. Pembahasaan CSS setelah materi ini adalah materi Frame Element CSS.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#warna_solid{
height: 300px;
width: 300px;
background:red;
}
#warna_solid_code_warna{
height: 300px;
width: 300px;
background:#666;
}
#gambar {
height: 300px;
width: 300px;
background:url(gambar/gambarPertama.jpg);
}
</style>
<title>Background</title>
</head>
<body>
<div id="warna_solid">WARNA SOLID</div>
<div id="warna_solid_code_warna">WARNA SOLID MENGGUNAKAN KODE WARNA</div>
<div id="gambar">BACKGROUND MENGGUNAKAN GAMBAR</div>
</body>
</html>
EmoticonEmoticon