Ehmm.. halo sob gimana nih kabarnya baik?, atau sebaliknya.
Okelah di postingan kali ini saya sendiri akan memberikan bagaimana cara membuat bentuk love dalam html menggunakan css.
Memang sih tutorial kali ini bisa dibilang sangat mudah oleh yang udah berpengalaman dan bermiain css, tapi gimana sebaliknya?.. seperti dengan judul diatas “Membuat bentuk love dengan html dan css pemula”.
Seperti biasa kamu langsung aja buka html editor, atau perhatian langkah berikutnya
– buka html editor
– buatlah rectangle (1 bentuk)
– buatlah rounded (2 bentuk)
– costum CSS
Seperti skema diatas hanyalah 4 langkah mudah saja untuk ynang lebihnya jelasnya mari kita lanjutkan di tahap berikutnya.
dalam antarmuka html editor kita perlu membuat sebuah section dengan class container seperti dibawah ini
<section class="container">
<!-- disinilah elemen dibuat -->
</section>
Setelah melakukannya kamu harus membuat dua lingkaran dengan div yang memiliki class round_l dan round_r dan dalam section, dan berikut html nya.
Nah seperti yang kamu lihat diatas, bahwa kita perlu membuat section dan div, yang memiliki class lainnya menjadi sebuah kotak dan bulatan dengan memberikan height dan width dan seterusnya, dalam antarmuka html editor buatlah css untuk melakukan hal tersebut, silahkan salin dan tempelkan di dalam style tadi kamu buat.
Untuk mempermudah proses nya maka kamu tinggal salin dan tempelkan css dibawah ini ke dalam style dan kemudian pertunju, maka kamu akan melihat bentuk love dengan warna merah.
Tinggalkan Balasan Batalkan balasan