Cara Membuat Border Postingan Blog Kode HTML

Selasa, 23 Februari 2016

Border/garis tepi dapat digunakan untuk banyak hal, misalnya sebagai elemen dekoratif atau untuk memberi garis batas pemisah dari dua hal. Border properti mendefinisikan width, color, and style dari batas area pada box/kotak.

Berikut ini saya akan memberikan beberapa Code Script yang sudah jadi siap pakai dengan warna background yang berbeda, dan tinggal copy saja di blog agan.

Code 1

<p style="border: solid 1px #eceff5; background: #29447E; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 18px">TULISAN</p>

Code 2

<p style="border: solid 1px #aaa; background: #ccc; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: fuchsia; font-size: 18px">TULISAN</p>

Code 3

<p style="border: solid 1px #29447E; background: #8a9ac5; padding: 15px; margin: 0; text-align: justify; line-height: 23px; color: gold; font-size: 18px">TULISAN</p>

Code 4 

<p style="border: solid 1px #333; background: #999; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: blue; font-size: 18px">TULISAN</p>

Keterangan : Tulisan - Ganti dengan code atau teks yang akan ditampilkan

Itulah beberapa Code Border Script HTML yang bisa agan langsung pakai di blog. Sekian dulu ya gan, semoga bermanfaat untuk kita semua sehingga bisa memotivasi kita untuk lebih dalam belajar blog.

Tweet

Tag : Tutorial