Senin, 18 Februari 2013

Macam Macam Garis Border Blog

Macam Macam Garis Border Blog sebenarnya sudah banyak yang membahas tentang topik ini namun tidak ada salahnya jika saya membahas ulang untuk anda karena selain itu juga melengkapi artikel saya yang lain cara menambahkan garis border (bingkai) gambar blog. Pada artikel ini, macam macam garis border blog, saya tidak banyak memberikan dan menjelaskan garis border blog yang biasa digunakan karena semua macam macam garis border garis blog ini sudah terbiasa digunakan.

Macam Macam Garis Border Blog

Berikut macam macam garis border blog yang biasa digunakan

Circle Border Style
Kode: <div style="-moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px; border: 2px solid #A89D61; background:#D2CCAD; width: 150px; height: 150px;">Circle Border Style</div>

Solid Border Style
Kode: <div style="background:#0000;color:#000;border: 9px solid red; font-size: 30px; padding: 15px; width: 300px;">Solid Border Style</div>

Double Border Style
Kode: <div style="background:#0000;#000;border: 9px double red; font-size: 30px; padding: 15px; width: 300px;">Double Border Style</div>

Groove Border Style
Kode: <div style="background:#0000;color:#000;border: 9px groove red; font-size: 30px; padding: 15px; width: 300px;">Groove Border Style</div>

Ridge Border Style
Kode: <div style="background:#0000;color:#000;border: 9px ridge red; font-size: 30px; padding: 15px; width: 300px;">Ridge Border Style</div>

Dotted Border Style
Kode: <div style="background:#0000;color:#000;border: 9px dotted red; font-size: 30px; padding: 15px; width: 300px;">Dotted Border Style</div>

Dashed Border Style
Kode: <div style="background:#0000;color:#000;border: 9px dashed red; font-size: 30px; padding: 15px; width: 300px;">Dashed Border Style</div>

Inset Border Style
Kode: <div style="background:#0000;color:#000;border: 9px inset red; font-size: 30px; padding: 15px; width: 300px;">Inset Border Style</div>

Outset Border Style
Kode: <div style="background:#0000;color:#000;border: 9px outset red; font-size: 30px; padding: 15px; width: 300px;">Outset Border Style</div>

Menggabungkan garis border dalam satu elemen yang memiliki perbedaan dari segala sisi setiap garis border yang digunakan seperti yang terlihat pada contoh berikut ini

Menggabumgkan Garis Border

Kode:
<div style="background: #0000; border-bottom: 6px dashed green; border-left: 6px groove red; border-right: 6px dotted blue; border-top: 6px outset pink; color: black; font-size: 30px; padding: 15px; width: 400px;">Menggabumgkan Garis Border</div>

Itulah sekilas tentang macam macam garis border dan anda bisa memodifikasinya sesuai dengan keinginan anda

Macam Macam Garis Border Blog Rating: 4.5 Diposkan Oleh: ana sriwahyuni

10 komentar:

  1. mantep bgd bordernya kak admin,
    super lengkap ^_^

    thanks eah...

    BalasHapus
  2. gan gimana cara buat yang no.2 itu dari atas yang berwarna kuning?

    BalasHapus
  3. cara memasangnya gimana ya.

    BalasHapus
  4. thanks info nya..
    www.bandungpromomedia.com
    www.bandungpromomedia.blogspot.com

    BalasHapus
  5. good infonya gan...
    http://saifulamridi.blogspot.com

    BalasHapus
  6. Mau tanya kalo sekiranya mau di tambah kolom/baris di dalamnya bagaimana ya mba?? mohon ilmunya

    BalasHapus
    Balasan
    1. kalau menambahkan kolom, mungkin bisa dikombinasikan dengan pemasangan table

      Hapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia