-->

Tutorial Buat Border di HTML atau Blogger





Halo penggemar SYIFAPEDIA

Udah baca postingan yang sebelumnya kan ? udah dong :v

Sekarang saya akan share tutorial membuat border di HTML atau Blogger :D

Gampang kok, gk susah :v

Langsung aja ea :v


Border Jenis Solid 
<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; text-align: left"> MASUKAN TEKS DISINI </div>

Border Jenis Dotted 
<div style="border: 4px #F70000 dotted; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Dashed 
<div style="border: 4px #F70000 dashed; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Ridge 
<div style="border: 4px #F70000 ridge; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Groove 
<div style="border: 4px #F70000 groove; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Inset 
<div style="border: 4px #f70000 inset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Outset 
<div style="border: 4px #F70000 outset; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Jenis Double 
<div style="border: 4px #F70000 double; padding: 10px; background-color: #000000; text-align: left;"> MASUKAN TEKS DISINI </div>

Border Dengan Scroll Lebar Dan Tinggi 
<div style="border: 4px #F70000 solid; padding: 10px; background-color: #000000; overflow: auto; height: 60px; width: 260px; text-align: left;"> MASUKAN TEKS DISINI</div>


Keterangan:
[-] #F70000 : itu kode warna bordernya.
[-] #000000 : itu kode warna backgroudnya.
[-] MASUKAN TEKS DISINI : hapus kodenya dan ganti teks atau script yang ingin kalian beri border. 

Notice : Ketiga keterangan diatas bisa kalian ganti sesuka hati kalian.

Gimana mudah kan ? mudah lah njerrr :v cuma pasang kode aja :v

Sekian untuk artikel kali sini, semoga ilmunya bisa bermanfaat bagi kalian semua :D

Terima kasih.

0 Response to "Tutorial Buat Border di HTML atau Blogger"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel