BlogTuz: Cara Membuat Tabel Dalam Postingan Blog

Tabel bisaya digunakan untuk menyusun sebuah data, seperti daftar data list nama dan semacamnya
Untuk kali ini yaitu Cara Membuat Tabel Dalam Postingan Blogspot

• Live Demo

Cara Membuat Tabel Dalam Postingan Blogspot
Masukan kode berikut dalam HTML postingan blog sobat

<style type="text/css">
    table{
        margin: 30px;
        border-collapse: collapse;
    }
    table tr{
        border-bottom: 1px solid #666;
    }
    table tr:nth-child(2n){
        background: #f2f2f2;
    }
    table th, table td{
        padding: 10px;
    }
</style>

    <table>
        <tr>
            <th>No</th>
            <th>Nama Petama</th>
            <th>Nama Akhir</th>
            <th>Alamat Email</th>
        </tr>
        <tr>
            <td>1</td>
            <td>John</td>
            <td>Carter</td>
            <td>johncarter@mail.com</td>
        </tr>
        <tr>
            <td>2</td>
            <td>Peter</td>
            <td>Parker</td>
            <td>peterparker@mail.com</td>
        </tr>
        <tr>
            <td>3</td>
            <td>John</td>
            <td>Rambo</td>
            <td>johnrambo@mail.com</td>
        </tr>
        <tr>
            <td>4</td>
            <td>Harry</td>
            <td>Potter</td>
            <td>harrypotter@mail.com</td>
        </tr>
    </table>

Jika jenis tabel di atas kelebihan atau kekurangan sobat dapat mengeditnya kembali.
Dan untuk cara menambah kolum kebawah ataupun kesamping sobat tinggal menambah <td> dan <th>

Share :

FacebookGoogle+

Related Posts :