Hallo sobat program, bertemu kembali dengan saya Rizal dan masih diwebsite DumetSchool. Pada kesempatan kali ini saya akan memberikan sedikit tutorial tentang Cara Membuat Kertas Menggunakan HTML CSS.

Sebenarnya tidak terlalu penting pada pembahasan kali ini, cuman saya ingin berbagi aja hasil ngutak-ngatik saya dan awalnya memang ingin membuat design majalah namun tak disangka malah jadinya sebuah kertas hahaha. Dan dipembahasan ini kita akan mencoba memanfaatkan property border dari CSS untuk membuat kertas putih sederhana.

Cara Membuat Kertas Menggunakan HTML CSS.

Oke tanpa panjang lebar langsung saja kita mulai pembahasannya, pertama jalankan/run text editornya kemudian ketiklah script HTML nya seperti pada contoh dibawah ini :

Jika sudah, lalu tambahkan style CSS nya seperti pada contoh dibawah ini :

Cara Membuat Kertas Menggunakan HTML CSS.

Dari kedua kode diatas jika digabungkan atau disatukan akan menjadi seperti pada contoh dibawah ini :

Jika sudah seperti pada contoh diatas langsung disimpan saja dan coba dijalankan/run dibrowser yang teman-teman gunakan. Jika benar maka hasilnya akan seperti pada contoh dibawah ini :

Cara Membuat Kertas Menggunakan HTML CSS

Seperti itulah hasil akhir kertas yang kita buat pada pembahasan kali ini hehe sederhana ya dan sangat mudah, nah silahkan teman-teman coba memodifikasinya sesuai selera teman-teman agar lebih bagus lagi.

Oke kalau begitu cukup sekian dipembahasan kali ini tentang Cara Membuat Kertas Menggunakan HTML CSS. semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.

Terimakasih

sumber : codepen.io