Memberi Background Di Input Type Submitsore mbah, di tengah jam kuliah yang di ajar oleh dosen gajebo' (gak jelas banget bo'...) saya mau memberi tahu kepada yang tidak tahu tentang cara Memberi Background Di Input Type Submit
yoh, langsung saja disimak yang di bawah ini
input[type="submit"] {
color : #ffffff;
max-width : auto;
margin-top: 3px;
border : 1px solid #000000;
background-color : #a7dd3d;
background-image : url(/img/phdr.png);
background-position : top left;
background-repeat : repeat-x;
font-weight : bold;
font-family : Comic Sans MS;
padding : 3px;
}
keterangan :
- input[type="submit"] itu yang kita bahas, jadi gak usah di ganggu gugat
- color : #ffffff; itu warna text nya, bisa kamu ganti dengan warna lain
- max-width : auto; itu kelebarannya (auto itu maksudnya lebarnya menyesuaikan)
- margin-top: 3px; itu saya kurang mengerti, hehe...
- border : 1px solid itu garis yang di pinggir nya dan #000000; itu warna garisnya, bisa kamu ganti warna nya dengan warna lain
- background-color : #a7dd3d; itu warna backgroun nya, bisa diganti dengan warna lain
- background-image : url(http://ghany.yn.lt/img/phdr.png); itu gambar background nya, bisa kamu ganti dengan gambar lain (usahakan yang .png)
- background-position : top left; itu posisi dimulainya gambar (top itu dimulai dari atas atau bottom itu dimulai dari bawah
- background-repeat : repeat-x; itu arah gambarnya (repeat-x itu gambar menyamping kalo repeat-y gambar kearah bawah)
- font-weight : bold; itu font nya tebal
- font-family : Comic Sans MS; itu jenis font nya, bisa diganti dengan font laii seperti Arial dsb.
- padding : 3px; itu saya juga kurang mengerti
catatan : pasang code ini di CSS mu
itu lah caranya, berhubung tangan saya sudah pegel... yah sampai di sini dulu. Tapi kalo ada tips dan trik lain, saya akan share kepada kalian
hoho...
0 Response to "Memberi Background Di Input Type Submit"
Post a Comment