Selasa, 08 Mei 2012

Cara Membuat Border Pada posting

02.30 By , No comments

Kali ini saya akan menulis artikel tentang cara membuat Border. Border cukup penting untuk kita gunakan, salah satunya berguna untuk memisahkan teks yang satu dengan teks yang lain. Kita bisa menggunakan border untuk meletakan kode script atau teks lain yang kita anggap penting. Langsung saja dibawah ini adalah cara membuatnya:

Copy kode script yang ada didalam border dan Paste kedalam postingan anda (mode HTML). bentuk border akan mengikuti/sesuai dengan border yang kode scriptnya anda Copy.

• Border Solid


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


• Border Dotted

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


• Border Dashed


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


• Border Ridge


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

• Border Groove


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


• Border Inset


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


• Border Outset


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


• Border Double


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


• Border Scroll


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


Catatan:
1. Warna biru adalah warna Border, silahkan ganti sesuai keinginan kawan.
2. Warna hijau adalah warna Background, silahkan ganti juga menurut selera kawan.
3. Pada teks MASUKAN TEKS DISINI, silahkan masukan yanga mau anda letakan didalam border.

0 komentar:

Posting Komentar