membuat style border pada tulisan postingan Blog (Bingkai)

membuat style border pada tulisan postingan Blog (Bingkai) !! itu lahh postingan yang kali ini say aakan bahas...

Banyak cara mempercantik tulisan di blog dan salah satunya dengan memberikan bingkai. Bingkai tidak saja dipakai di foto, namun di tulisan juga. Trick kali ini membuat bingkai pada tulisan yang bisa di taruh di sidebar atau posting. Banyak hal yang bisa anda lakukan dengan bingkai ini, semisal membuat catatan, peringatan, pengumuman, dll.
Banyak bentuk bingkai yang bisa anda pakai dan dibawah adalah contoh-contoh bentuk bingkai beserta kodenya yang support di WordPress.com.

penasaran ?? yukk langsung le TKP !!

1. Solid
<div style="border: 1px solid #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
2. Dashed
<div style="border: 1px dashed #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
3. Dotted
<div style="border: 1px dotted #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
4. Double
<div style="border: 4px double #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...

</div>
5. Groove
<div style="border: 4px groove #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...

</div>
6. Outset
<div style="border: 4px outset #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>
7. Ridge
<div style="border: 4px ridge #000000; background-color:#00CCFF; padding: 5px; width: 400px;">
Tulisan Anda...
</div>

Keterangan:

  • border: tebal tipisnya, jenis dan warna bingkai.
  • background-color: warna latar bingkai.
  • padding: jarak antar bingkai dengan tulisan.
  • width: lebar bingkai.

Kira2 begitu saja yang bisa ane sampein... Semoga berhasil !!
    Diposting oleh — Kamis, 31 Mei 2012

    There are 1 comments for "membuat style border pada tulisan postingan Blog (Bingkai)"

    Terima kasih udah dateng ke blog ini
    tinggalkan sedikit komentar anda !!

    syarat komentar :

    - jgn membuat kata SPAM
    - komentarlah dgn kata2 yang baik
    - Tidak Mengandung SARA

    d4rk-r3dr0ckblogger Indonesia

    PERHATIAN !!

    silahkan di follow blog kuhh... nanti aku follow balik... tanpa membedakan sesama blogger

    Blog ini Masih Aktif... jadi jangan beranggapan blog ini udah mati...

    D4rk-r3dr0ck
    Follow