Assalamualaikum wr wb
Hallo semua, kali ini aku akan menciptakan tutorial cara menciptakan kartu/card dengan html dan css. Card dan css biasanya dipakai di dalam home page untuk menampilkan daftar konten yang dimiliki suatu web.
baiklah eksklusif saja lihat dibawah ini :
1. Buat file berjulukan index.html dan isikan code dibawah ini
sekian post kali ini. hingga jumpa di tutorial selanjutnya.
Sumber https://rafibanget.blogspot.com/
Hallo semua, kali ini aku akan menciptakan tutorial cara menciptakan kartu/card dengan html dan css. Card dan css biasanya dipakai di dalam home page untuk menampilkan daftar konten yang dimiliki suatu web.
baiklah eksklusif saja lihat dibawah ini :
1. Buat file berjulukan index.html dan isikan code dibawah ini
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Membuat Card</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id='wrap'> <div class="kartu"> <div class="kartu-img"> <img src="https://cafetehno.blogspot.com/search?q=>
2. Selanjutnya buat file berjulukan style.css isikan code dibawah ini .gambar { max-width: 300px; width: 100%; } .kartu { max-width: 300px; width: 100%; display: inline-block; margin: 0 10px; } .kartu-header { margin: 16px 0; } .kartu-header h2 { margin: 0; }
sekian post kali ini. hingga jumpa di tutorial selanjutnya.
Sumber https://rafibanget.blogspot.com/