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.


1 komentar:
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.