Kamis, 15 Maret 2018

Kreasi Css Menciptakan Tombol Cantik


Assalamualaikum wb.wb

Selamat sore sahabat blogger Update lagi ni

Belajar di Perantaun


Kali in kita akan membahas wacana CSS lagi ni , cara membuat Tombol bagus 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 mempunyai tampilan sederhana yang sudah default dari HTML, tetapi dengan sumbangan CSS kita sanggup 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 menyerupai ini







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



Sumber http://beritatecnologi.blogspot.com


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)