- Solid :Selamat Datang di EPG Studio
- Double :Selamat Datang di EPG Studio
- Grove :Selamat Datang di EPG Studio
- Outset :Selamat Datang di EPG Studio
- Ridge :Selamat Datang di EPG Studio
- Dotted :Selamat Datang di EPG Studio
- Dashed :Selamat Datang di EPG Studio
Kode untuk menampilkan border diatas dapat anda lihat seperti dibawah ini :
<div style="border: 3px ridge green ">Selamat Datang di EPG Studio</div>
Cara Pengeditan :
- border: 3px : merupakan ukuran border. Ubah angkanya sesuai dengan ukuran yang ingin anda tampilkan.
- ridge : merupakan gaya dari border. Ganti dengan gaya yang ingin anda tampilkan.
- green : merupakan warna dari border
- Selamat Datang di EPG Studio : merupakan tulisan yang ingin anda tampilkan pada border tersebut
Setelah anda memahami border, anda dapat memvariasikan dengan berbagai gaya sesuai keinginan.
Berikut ini merupakan contoh tampilan border, yang kode untuk pembuatannya terdapat dalam border tersebut :
- Border beserta background :
<div style="border: 5px solid red; margin: 0pt; padding: 15px; background: blue none repeat scroll 0% 0%; text-align: justify; line-height: 23px; color: white; font-size: 14px;">Selamat Datang di Epg Studio</div>
- Border dengan sudut melengkung beserta background:
:<div style="border: solid 5px red; background: blue; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: white; font-size: 12px">Selamat Datang di Epg Studio</div>
Untuk pengeditan selanjutnya silahkan anda coba gabungkan kode-kode tentang border yang telah anda pahami.
Jangan lupa anda kunjungi juga POSTING BLOG TAMPIL DENGAN BORDER MELENGKUNG agar variasinya semakin lengkap.
Selamat mencoba semoga bermanfaat