Page 317 - SK tingkatan 5
P. 317
Membina Laman Web HTML yang Mengandungi CSS untuk
Memberikan Gaya kepada Background
Terdapat beberapa gaya yang boleh ditambah pada latar belakang (background ) dokumen HTML bagi
suatu laman web yang menggunakan CSS. Antaranya ialah:
• Menukar warna latar belakang
Sintaks yang berikut akan menukarkan latar belakang dokumen HTML menjadi warna hijau muda.
Latar belakang dokumen merujuk kepada latar belakang <body>.
body
{
background-color: lightgreen;
}
CONTOH 12
Contoh 12 menunjukkan penukaran warna latar belakang bagi dokumen HTML (laman web) kepada warna
lightgreen. Rujuk “htmlcolorcodes.com” untuk warna-warna yang lain. Atur cara HTML, CSS dan
output ditunjukkan dalam Rajah 3.3.53.
<html>
<head>
<title>Warna Latar Belakang</title>
<style>
body
{
background-color: lightgreen; 2
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1> 1
</body>
</html>
Output:
Rajah 3.3.53 Contoh HTML, CSS dan Output (warna latar belakang)
Penerangan:
1 Terdapat heading <h1> dalam laman web.
2 Penetapan CSS background-color:lightgreen menjadi warna latar belakang laman web.
BAB 3 Pengaturcaraan Berasaskan Web 309
