TOP

Cara Membuat & Macam Macam Tampilan Border Tabel

Sebelumnya saya sudah memposting tutorial tentang Cara Membuat & Menyisipkan Tabel Postingan Blog Menggunakan HTML. Saya yakin nih, pasti anda belum puas, mungkin terlalu kaku yah bentuk tabelnya? haha... :D Kalau menurut saya jujur sih, memang terlalu kaku, dan terlalu monotone, kayaknya kurang bumbu bumbu apa gitu yah supaya tampak tidak terlalu kaku.


Oke, kali ini saya tambah lagi tutorialnya cara membuat tampilan tabel diblog lebih mantap, yaitu garis garis pinggir tabel, atau border tabelnya kita buat sedikit lebih bervariasi. Silakan liat kode css berikut dibawah ini dan dipelajari. :

<p style="border: 1px dotted #000000;padding:3px;">dotted: Defines a dotted border</p>

<p style="border: 1px dashed #000000;padding:3px;">dashed: Defines a dashed border</p>

<p style="border: 1px solid #000000;padding:3px;">solid: Defines a solid border</p>

<p style="border: 3px double #000000;padding:3px;">double: Defines two borders. The width of the two borders are the same as the border-width value</p> value

<p style="border: 5px groove #98bf21;padding:3px;">groove: Defines a 3D grooved border. The effect depends on the border-color value</p>

<p style="border: 5px ridge #98bf21;padding:3px;">ridge: Defines a 3D ridged border. The effect depends on the border-color value</p>

<p style="border: 5px inset #98bf21;padding:3px;">inset: Defines a 3D inset border. The effect depends on the border-color value</p>

<p style="border: 5px outset #98bf21;padding:3px;">outset: Defines a 3D outset border. The effect depends on the border-color value</p>

Untuk menggunakannya silahkan copy kode yang ada didalam kolom border diatas dan selamat mencoba yah kawan kawan blogger se-Indonesia dan se-Dunia…!


Related Posts Plugin for WordPress, Blogger...

0 komentar:

Posting Komentar