Belajar Membuat Border

Label:
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)


Related Posts by Categories



0 komentar:

Post a Comment


English French German Spain Italian Dutch
Russian Portuguese Japanese Korean Arabic Chinese Simplified


Blog Archive


Popular Post