Kali ini kita akan bahas bagaimana cara modifikasi Tombol dengan menggunakan Script CSS. Tujuannya adalah untuk mempercantik tampilan tombol yang akan ditampilkan pada website. seperti yang kita tahu, tombol dapat dimodifikasi dengan menggunakan Script CSS mulai dari bentuk, warna dan lain sebagainya. bagaimana caranya langsung aja ke topik pembahasan.
pertama buat terlebih dahulu sebuah tombol button seperti dibawah ini pada bagian <body>..</body>:
<input type="button" name="klik" value="Klik" class="klik"/>
Nah kemudian. tambahkan Script CSS berikut ini tepat dibawah </title>.
<style>
.klik{
padding:5px;
width:100px;
background-color:#009966;
border:solid 1px;
border-radius:10px;
box-shadow: -1px -1px 5px 3px #339900;
}
</style>
Maka hasilnya akan seperti berikut ini :
Mudah bukan??... nah itu dia cara modifikasi tombol dengan script CSS. untuk tampilan yang lebih bagus kamu bisa modifikasi sesuai dengan selera masing-masing. Selamat mencoba.
0 Comments