Cara Membuat Tombol Button menarik

Jangan Lupa Klik dibawah ini !!

Untuk membuat Tombol Button menarik cara nya tidaklah terlalu susah, biasanya tombol button dipergunakan untuk membuat link download atau untuk lainnya, contoh tombol button bisa kamu lihat seperti ini :



diatas adalah contoh tombol biasa lalu bagaimana agar tampilan nya lebih menarik cara nya seperi ini :

<button type="button" style="background:#000000; color:#FFFFFF; font:bold 20px Verdana, Geneva, sans-serif; margin:5px 0 5px 0; padding: 0 10px 0 10px;">Klik Disini !</button>

hasilnya :

Keterangan diatas
- background:#000000; adalah warna backgroun tombol nya.
- color:#FFFFFF; adalah warna tulisan teks nya.
- padding : Jarak tepi button dengan teks di dalamnya,
- 0 10px 0 10px artinya padding atas bernilai atau = 0;
- kanan = 10px;
- bawah = 0;
- kiri = 10px.
- margin : jarak button dengan tepi bidang gambar ke luar,
- 5px 0 5px 0 artinya margin
- atas = 5px;
- kanan = 0;
- bawah = 5px;
- kiri = 0.
- font : huruf teks.

Kalau kamu ingin memanfaatkan tombol button untuk link download atau link lain nya cara nya seperti ini :

<a href="http://rabel306.blogspot.com/2010/09/cara-membuat-tombol-button-menarik.html" target="new"><button type="button" style="background:#D2691E; color:#FFFFFF; font:bold 20px Verdana, Geneva, sans-serif; margin:5px 0 5px 0; padding: 0 10px 0 10px;"><blink>contoh tombol Link menarik</blink></button>
</div>
</a>

hasilnya :

begitu kira-kira penjelasan nya kalau kamu ingin belajar html lain nya seperti membuat tombol buka tutup silahkan baca disini atau ingin membuat marque dan table untuk mempercantik postingan blog kamu silahkan baca disini selamat mencoba semoga bermanfaat.

Catatan : Jangan Lupa Baca dan Klik Dibawah ini ya

Artikel Keren Lainnya