Ada banyak jenis jenis framework untuk membantu pekerjaan pada front-end baik bootstrap materialize dan yang saat ini kita akan latihan w3c, pada tututorial sebelumnya saya sudah membuat tentang membuat menu dropdown dan kali ini saya ingin berbagi pengetahuan tentang Cara Mudah Membuat List Menggunakan Css W3C,
membuat sebuah list yang menarik nyatanya tidak sesusah yang kita bayangkan, dengan menggunakan w3c kita dibantu sekali dalam membuat list yang menarik seperti membuat list card dan masih banyak lagi, masih penasaran dengan w3c, kita akan langsung praktekan saja yah, teman teman bisa ikuti script berikut ini :
<!DOCTYPE html> <html> <head> <title>Demo</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="Demo project"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> </head> <body> <ul class="w3-ul w3-card-4" style="width:50%"> <li class="w3-display-container"> Ismet Maulana <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-right">×</span> </li> <li class="w3-display-container"> Risman Hakim <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-right">×</span> </li> <li class="w3-display-container"> Rangga <span onclick="this.parentElement.style.display='none'" class="w3-button w3-display-right">×</span> </li> </ul> </body> </html>
Jika semua sudah di kopikan maka jika berhasil hasilnya akan seperti ini :
Cukup menarik bukan, sekian tutorial tentang Cara Membuat List Menggunakan Css W3C sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA
The post Cara Mudah Membuat List Menggunakan Css W3C appeared first on Kursus Website Terbaik.