Border biasa digunakan untuk menandai suatu kalimat yang dianggap penting di dalam postingan, atau dipakai sebagai pembatas antara satu sub dengan sub lain. Didalam membuat border, terutama untuk di blog, akan lebih mudah bila menggunakan kode CSS (Casscading Style Sheets)…Border sendiri ada beberapa type, diantaranya tipe solid dan dot… sebagai contoh coba lihat kode dibawah ini.
Teks anda dengan border solid
Hasil dari kode diatas adalah seperti terlampir di bawah ini
Teks anda dengan border solid
Penjelasan :
Untuk border yang perlu diperhatikan adalah kode stylenya, dimana untuk kode diatas bisa diartikan sebagai border solid berwarna biru dengan ukuran 1 pixel …border:1px solid blue;….dan juga mempunyai tinggi 100 pixel dan lebar 200 pixel….width:200px; height:100px;...Selanjutnya kita akan melihat style border yang lain….
Untuk border yang perlu diperhatikan adalah kode stylenya, dimana untuk kode diatas bisa diartikan sebagai border solid berwarna biru dengan ukuran 1 pixel …border:1px solid blue;….dan juga mempunyai tinggi 100 pixel dan lebar 200 pixel….width:200px; height:100px;...Selanjutnya kita akan melihat style border yang lain….
Style Border Dot
<div style="width:200px;height:100px;border:2px dotted blue;">Teks dengan border dot
Hasilnya
Teks dengan border dot
Coba perhatikan perbedaanya, antara border solid dan border dot…. Yup cuman ganti nama aja dari solid menjadi dot… begitu juga untuk tipe lainnya tinggal liat perbedaanya sajah yach….
Style Border dash
Teks dengan border dash
Hasilnya
Teks dengan border dash
Outset Border
Teks dengan Outset Border
hasilnya
Teks dengan border Outset
Inset Border
Teks dengan border Inset
hasilnya
Teks dengan border Inset
Double border
Teks dengan border double
hasilnya
Teks dengan border double
Multiple border
Teks dengan burder yang multiple
Hasilnya
Teks dengan burder yang multiple
Tambahan untuk pertanyaan di bawah border mengenai border emboss dengan gradasi warna... untuk hal tersebut bisa digunakan style border ridge contohnya dibawah
Border Ridge
Border Ridge kalau diperhatikan secara seksama hampir seperti bentuk Emboss (3d), kodenya...
border ridge
hasil dari kode diatas adalah
border ridge
Border ridge dengan gradasi warna yang beragam
Border ridge sendiri bila digabungkan dengan berbagai warna akan terbentuk seperti gradasi warna... kodenya...
Border ridge sendiri bila digabungkan dengan berbagai warna akan terbentuk seperti gradasi warna... kodenya...
hasilnya
border ridge dengan gradasi warna
beresss.....
Tidak ada komentar:
Posting Komentar