Membuat Border pada Postingan

Kita sering liat postingan yang didalemnya ada sebuah tulisan diborder. pengen tau cara membuat Border pada Postingan??

caranya sederhana, sobat tinggal copy script dibawah ini dan letakan dalam postingan. tepatnya pada mode HTML saat memposting!

Beberapa jenis bordes pada potingan:

1. Border jenis solid

<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; text-align: left"> MASUKAN TEKS DISINI </div>

2. Border jenis dotted

<div style="border: 4px #345d15 dotted; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

3. Border jenis dashed

<div style="border: 4px #345d15 dashed; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

4. Border jenis ridge

<div style="border: 4px #345d15 ridge; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

5. Border jenis groove

<div style="border: 4px #345d15 groove; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

6. Border jenis inset

<div style="border: 4px #345d15 inset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

7. Border jenis outset

<div style="border: 4px #345d15 outset; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

8. Border jenis double

<div style="border: 4px #345d15 double; padding: 10px; background-color: #eaeaea; text-align: left;"> MASUKAN TEKS DISINI </div>

9. Border dengan scroll lebar dan tinggi

<div style="border: 4px #345d15 solid; padding: 10px; background-color: #eaeaea; overflow: auto; height: 60px; width: 260px; text-align: left;"> TULIS MASUKAN TEKS DISINI </div>

Keterangan:

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

Description: Membuat Border pada Postingan Rating: 4.5 Reviewer: Sardika - ItemReviewed: Membuat Border pada Postingan

Sobat sedang membaca artikel tentang Membuat Border pada Postingan dan Sobat bisa menemukan artikel Membuat Border pada Postingan ini dengan URL http://ysardika.blogspot.com/2012/08/membuat-border-pada-postingan.html. Anda boleh menyebarluaskannya atau mengcopy paste-nya jika artikel Membuat Border pada Postingan ini bermanfaat bagi Sobat anda, namun jangan lupa untuk meletakkan LINK Membuat Border pada Postingan sebagai sumbernya.

<a href='http://ysardika.blogspot.com/2012/08/membuat-border-pada-postingan.html'>Membuat Border pada Postingan</a>