Membuat Tombol Search Dengan Warna Feminin

Hi... Sahabat, bagaimana kabar sahabat hari ini? Semoga selalu baik ya.... Hari ini bikin tutorial apa lagi yaaa??? Hehehe... Sahabat pasti sudah pada jago bikin tombol search, iya kan?? Iya dong... Cara sederhananya sangat mudah sekali, sahabat bisa langsung mengetikkan kode HTML seperti dibawah ini.
 

Maka hasilnya akan tampil berupa text box dan tombol submit. Tapi, apalah artinya HTML jika tanpa CSS. Bagaikan kepompong yang tiada berubah menjadi kupu-kupu. Cieellaahhh pribahasanya cakep bener yak? :D Nah, agar kode HTML nya bisa berubah cantik seperti kupu-kupu, tentunya kita harus menyulap tampilannya dengan memberikan style CSS. Jadi, mari kita sulap tombol search menjadi tampilan yang lebih indah. Caranya adalah, silahkan sahabat ketikkan kode HTML sebagai berikut. 

Kemudian, ketikkan kode CSS nya sebagai berikut.

Kalo sudah selesai, silahkan sahabat jalankan file.html nya di browser favorit sahabat. Maka hasilnya akan seperti ini.

Wowww.. feminine sekali bukan? :D Untuk backgroundnya silahkan sahabat bisa menggunakan gambar yang sahabat sukai. Sampai disini dulu pertemuan kita, dan sampai jumpa di tulisan berikutnya. Keep loving me :)