kreasi css membuat Tombol cantik


Assalamualaikum wb.wb

Selamat sore sahabat blogger Update lagi ni

Belajar di Perantaun


Kali in kita akan membahas tentang CSS lagi ni , cara membuat Tombol cantik ala CSS tentunya dong hehe .

Dalam sebuah form biasanya terdapat sebuah tombol submit dan reset yang fungsinya untuk mengirimkan dan membatalkan pemrosesan data. Tombol-tombol tersebut pada umumnya memiliki tampilan sederhana yang sudah default dari HTML, tetapi dengan bantuan CSS kita bisa memodifikasi tombol-tombol tersebut supaya lebih cantik dan menarik ?

Coba teman-teman ikuti Sript berikut :

<!DOCTYPE html> <html> <head> <title>Belajar di Perntaun</title> <style> .submit{ background-color: #FF9933; border: 4px dashed #FF6600; text-decoration: line-through; font-weight: bolder; color: #FFFFFF; } .reset{ background-color: #FF9933; border: 4px groove #FF6600; text-decoration: line-through; font-weight: bolder; color: #FFFFFF; } </style> </head> <body> <label> <input type="submit" name="Submit" class="submit" value="RESET"> <input type="submit" name="Submit2" class="reset" value="SUBMIT"> </label> </body> </html>
Coba jalan kan di browser teman-teman maka tampilannya akan seperti ini







Na bagaimana teman-teman itu cantiknya ala Belajar di perantauan OKOK, kalo cantik ala teman-teman pilih aja warnanya ya hehe, semoga bermamfaat , Silahkan di share


0 Response to "kreasi css membuat Tombol cantik"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel