Scribd Logo
Carica

Benvenuto in Scribd!

  • Tabelcss 20922416 Abi10 Sonikurniawan

    Caricato da

    Soni Kurniawan
    4 visualizzazioni3 pagine
    Tabel css

    Titolo originale

    TABELCSS_20922416_ABI10_SONIKURNIAWAN

    Copyright

    © © All Rights Reserved

    Formati disponibili

    DOCX, PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    Tabel css

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    4 visualizzazioni3 pagine

    Tabelcss 20922416 Abi10 Sonikurniawan

    Caricato da

    Soni Kurniawan
    Tabel css

    Copyright:

    © All Rights Reserved
    Scarica in formato DOCX, PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 3

    KAITII

    Membuat Tabel dengan CSS

    Nama : Soni Kurniawan

    NIM :20922416

    Kelas : Abi 10 Tasikmalaya

    Html :

    <!DOCTYPE html>

    <html>

    <head>

    <title>Daftar Panitia Kurban Dkm Bojongsari 1445H </title>

    <link rel=”stylesheet” type=”text/css” href=”style.css”>

    </head>

    <body>

    <h1>Daftar Panitia Kurban Dkm Bojongsari 1445H </h1>

    <h4>Daftar Panitia</h4>

    <table class=”table1”>

    <tr>

    <th>No</th>

    <th>Nama</th>

    <th>Alamat</th>

    <th>Usia</th>

    </tr>

    <tr>
    <td>1</td>

    <td>Andi Beke</td>

    <td>Rt Tongoh</td>

    <td>21</td>

    </tr>

    <tr>

    <td>2</td>

    <td>Apip Apay</td>

    <td>Rt Laneuh</td>

    <td>24</td>

    </tr>

    <tr>

    <td>3</td>

    <td>Dian Jocong</td>

    <td>Ciabid</td>

    <td>20</td>

    </tr>

    <tr>

    <td>4</td>

    <td>Utis Alex</td>

    <td>Rt Tongoh</td>

    <td>24</td>

    </tr>

    <tr>

    <td>5</td>

    <td>Acun</td>

    <td>Bihbul</td>

    <td>23</td>

    </tr>

    </table>

    </body>
    </html>

    Css :

    .table1 {

    Font-family: sans-serif;

    Color: #444;

    Border-collapse: collapse;

    Width: 50%;

    Border: 1px solid #f2f5f8;

    .table1 tr th{

    Background: #35A9DB;

    Color: #fff;

    Font-weight: normal;

    .table1, th, td {

    Padding: 8px 20px;

    Text-align: center;

    .table1 tr:hover {

    Background-color: #f5f5f6;

    .table1 tr:nth-child(even) {

    Background-color: #f2f2f3;

    Note: Untuk tampilannya mohon maaf sebelumnya, dikarenakan saya tidak mempunyai laptop jadi
    tidak bisa melihat tampilannya secara real, mohon maaf🙏

    Potrebbero piacerti anche