Friday, March 13, 2009

Belajar Membuat Border

Fiuhh akibat banyaknya kesibukan, baru sempatnya posting nih. Ok lanjut Belajar Membuat Border, Lihat contohnya untuk lebih mengenalnya :
Ini merupakan contoh dari border
Yang diatas merupakan contoh border yang memakai style dotted. Sedikit Pengetahuan mengenai border : Border jika digunakan dalam CSS Bila bentuk secara komplitnya begini: border:1px dotted
rgb(0, 0, 0); urutan penggunaanya adalah ukuran border, style border dan warna border, bila dipecahkan menjadi beberapa bagian : * border-width:1px; merupakan ketebalan dari border. * border-style:dotted; merupakan jenis atau style bordernya bisa anda ganti dengan style/jenis dashed, solid, double, groove, ridge, inset, outset dan lainya * border-color: #EFF5FB" merupakan warna dari border.Bisa anda lihat kode warnanya disini Border jika digunakan dalam Postingan Perlu kita ketahui scriptnya begini :
<div style="border:1px#FF0000 dotted; padding:10px; background-color:#EFF5FB"></div>
Sedikit Keterangan : * Warna merah merupakan warna bordernya. * Warna biru merupakan warna backgroundnya. * Warna hitam tebal merupakan tebalnya border. * Warna hijau merupakan Style/Jenis bordernya. Bila ingin menggunakan Style/jenis border lain maka ganti dotted dengan style/jenis di bawah ini :
<div style="border:1px#FF0000 dotted; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 dashed; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 dashed; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 bouble; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 groove; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 ridge; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 inset; padding:10px; background-color:#EFF5FB"></div>
<div style="border:1px#FF0000 outset; padding:10px; background-color:#EFF5FB"></div>
Cara Menggunakan Border di Postingan : * Anda tulis Script yang ada di atas tadi , copy paste waktu postingan dalam keadaan Tab Edit HTML. * Setelah itu lihat hasilnya di postingan dalam keadaan Tab Tulis. Selesai juga ya Belajar Membuat Border dengan tukang arsip. Mungkin hanya begitu saja ya...Semoga berhasil ya. (http://www.ridwanyuswan.info)

1 komentar:

hay106 said...

brother punya jenis yang lain ga bikin bordernya, maksute variasi lainnya .. gitu brother. thank you.

Post a Comment

saran, komentar dan kritikan anda sangat berharga buat saya, terima kasih.