Page 114 - Modul Web
P. 114

font-family: sans-serif;

                       color: #232323;
                    border-collapse: collapse;
               }



               kemudian lagi pada element table head dan table body nya kita tentukan warna table nya dengan

               kode warna #999. dan memberikan padding atas bawah sebesar 8px. dan kiri kanan 20px.


               .table1, th, td {
                  border: 1px solid #999;

                  padding: 8px 20px;
               }


               Contoh source code design table lainnya


               index.html


               <!DOCTYPE html>
               <html>

               <head>
                       <title>Cara Design Table Dengan CSS | www.malasngoding.com</title>
                       <link rel="stylesheet" type="text/css" href="style.css">

               </head>
               <body>
                       <h1>Cara Design Table Dengan CSS | www.malasngoding.com</h1>

                       <h4>Design table 1</h4>
                       <table class="table1">

                              <tr>
                                     <th>No</th>
                                     <th>Nama</th>

                                     <th>Alamat</th>
                                     <th>Usia</th>

                              </tr>




                                                                                                         114
   109   110   111   112   113   114   115   116   117   118