Home » » Cara Membuat Border Postingan Blog Kode HTML

Cara Membuat Border Postingan Blog Kode HTML

Cara Membuat Border Postingan Blog Kode HTML
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.

Artikel Terkait

0 komentar:

Post a Comment

 
Alamat : Jl.Raya Labuan KM. 24 Pasireurih, Cisata, Pandeglang - Banten 42273
Email : id.mooel@gmail.com - Phone : 087881447318
Sosial Media : Facebook, Twitter, Instagram
Copyright © 2011. Kang Mooel - All Rights Reserved