Pertemuan11

Assalamualaikum Teman-teman

kembali lagi sama aku di blog yang sama :v

di kesempatan kali ini aku bakal ngasih tutorial sekaligus tugas, masih bahas tentang CSS, akan tetapi kali ini aku bakal ngasih tau bagaimana untuk memformat tampilan form pada CSSnya, sebelum kita masuk ke selanjutnya saya bakal ngasih tau dulu cascading style yang terdapat pada elemen form, yaitu :

- Jenis Border

- Warna Border

- Lebar Form

- Batas Form dari sisi layout

- Warna Background

yasudah mari langsung ke materi.
extCSSonForm1




Berikut adalah contoh codingan HTML nya :


Nah ini adalah tampilan hasil codingan di atas :







extCSSonForm2


Berikut adalah contoh codingan HTML nya :








Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :









extCSSonForm3


Berikut adalah contoh codingan HTMl nya :


Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :









extCSSonButton


Berikut adalah contoh codingan HTML nya :






Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :














extCSSonButtonHover


Berikut adalah contoh codingan HTML nya :






Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :














extCSSonRadioButton


Berikut adalah contoh codingan HTML nya :















Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :














Quiz

Yang Terakhir Bonus buat kalian, untuk lebih mengerti kita lihat codingan nya terlebih dahulu

codingan HTML nya :
















Nah ini adalah tampilan hasil codingan di atas sudah dengan Codingan CSSnya :











Mungkin cukup segitu saja yang bisa saya posting, semoga bermanfaat bagi teman-teman semua.

Sampai jumpa di postingan selanjutnya dan janagn lupa komen di bawah bila punya pendapat ,saran,kritik dll.

Wassalamualaikum Teman teman :)