Sabtu, 29 Januari 2011

Cara Membuat Border Dibelakang Text di Postingan

Agar blog anda kelihatan lebih bagus di pandang, berikut ada info buat anda. Saya ingin berbagi sharing artikel Tentang cara membuat Border di Belakang text postingan.

Untuk membuat tulisan pada posting yang mempunyai border atau bisa dikatakan membuat border text pada posting, anda dapat menggunakan perintah/ kode di bawah ini :

Solid Border:

<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


Keterangan:

border: 2px
Untuk ketebalan garis tepinya, Anda bisa ganti ketebalan-nya dengan angka lain sesuaikan dengan kebutuhan Anda

#006400
Untuk warna border yang Anda kehendaki.

solid
Untuk jenis border yang akan kita pakai.

padding: 10px
Untuk memberi batas garis tepi dengan tulisan, memungkinkan agar ada jaraknya dari garis tepi.

background-color: #c3fdb8
Untuk memberi warna pada latar belakang folder tersebut

text-align: left
Untuk pengaturan paragraf teks di dalam border tersebut


Sedangkan untuk kode border dengan scroll, lebar dan tinggi
dapat menggunakan kode/ script di bawah ini :


<div style="border: 2px #006400 solid; padding: 10px; background-color: #c3fdb8; overflow: auto; height: 50px; width: 300px; text-align: left;"> TULIS SCRIPT/KODENYA DISINI </div>


TULIS SCRIPT/KODENYA DISINI = ganti dengan tulisan yang akan kamu kasih border.


Oke, itu saja artikel singkat dari saya. Semoga bermanfaat.


Tidak ada komentar:

Posting Komentar

Entri Populer

Silahkan Memasukkan TAHUN, BULAN dan TGL LAHIR Anda untuk mengetahui Zodiak Dan Shio Anda

Tahun
Bulan
Tanggal
Zodiak:
Shio:

This script by
WEB AGUNG