Page 330 - SK tingkatan 5
P. 330
Penerangan:
1 Terdapat <table> pada laman web.
2 Teks dalam <table> telah dijajarkan di tangan dengan perletakan CSS text-align:center.
• Menukar warna latar belakang dan warna teks dalam table
Sintaks yang berikut menukarkan warna latar belakang dan warna teks di dalam table.
table
{
background-color: green;
color: white;
}
CONTOH 23
Contoh 23 menunjukkan warna latar belakang jadual (table) ditukar kepada warna hijau (green) dan warna teks
dalam table ditetapkan kepada warna putih. Atur cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.65.
<html>
<head>
<title> Gaya Jadual</title>
<style>
table
{
border-collapse: collapse;
background-color: green; 2
color: white; 3
}
table, th, td {
border: 1px solid;
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1>
<table>
<tr>
<th>KANDUNGAN LAMAN WEB</th>
</tr>
<tr>
<td>Pengenalan Sekolah</td> 1
</tr>
<tr>
<td>Senarai Guru</td>
</tr>
</table>
</body>
</html>
322 Sains Komputer Tingkatan 5
