Membuat Border Pada Postingan

Dalam artikel kali ini saya akan memberikan tutorial tentang membuat sebuah box atau bingkai pada postingan blog…box ini bisa membuat postingan lebih rapi atau tertata…

Gunakan salah satu script dibawah ini yang sesuai dengan keinginan sobat semua….

DEMO

• Penggunaan script, sobat letakkan di entri baru atau postingan pilih yang mode HTML
• Jika peletakan script sudah dilakukan, jangan lupa save pekerjaan sobat semua.
• Ganti Kode warna sesuai selera masing-masing.

1. Dashed

<div style="border: 1px dashed #000000; background-color:lime; padding: 5px; width: 300px;">Buat Tulisan Sobat Disini</div>

2. Dotted

<div style="border: 1px dotted #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

3. Solid

<div style="border: 1px solid #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

4. Groove

<div style="border: 4px groove #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

5. Double

<div style="border: 4px double #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

6. Ridge

<div style="border: 4px ridge #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

7. Outset

<div style="border: 4px outset #000000; background-color:lime; padding: 5px; width: 300px;"> Buat Tulisan Sobat Disini </div>

Semoga artikel ini bisa bermanfaat buat sobat semua, dan semoga bisa memperindah tampilan blog sobat,,,,,salam blogger