Page 331 - SK tingkatan 5
P. 331

Output:














                              Rajah 3.3.65  Contoh HTML, CSS dan Output (warna latar belakang dan warna teks bagi Table)
                  Penerangan:
                   1   Terdapat <table> pada laman web.
                   2    <table> mempunyai warna latar belakang hijau dengan ketetapan CSS background–color:green.
                   3   <table> mempunyai warna teks putih dengan ketetapan CSS color: white.



                  •  Menebalkan jarak di antara medan (padding) dalam table
                     Jarak di antara satu medan atau satu “<td>” di dalam suatu  table boleh ditambah dengan
                     menetapkan jarak dalam ukuran piksel.

                       table
                       {
                         padding: 20px;
                       }


                   CONTOH        24


                  Contoh 24 menunjukkan jarak antara medan jadual (table) ditukar atau ditambah kepada 20 piksel. Atur
                  cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.66.

                     <html>
                       <head>
                         <title> Gaya Jadual</title>
                         <style>
                              table
                              {
                                  border-collapse: collapse;
                                  background-color: green;
                                  color: white;
                                  padding: 20px;   2
                              }
                              table, th, td
                              {
                                  border: 1px solid;
                              }
                        </style>
                       </head>


                                                                   BAB 3  Pengaturcaraan Berasaskan Web 323
   326   327   328   329   330   331   332   333   334   335   336