html_cssHallo teman-teman, apa kabarnya hari ini ? Semoga baik-baik saja yah, amin.

Ketemu lagi dengan saya, pada kesempatan kali ini saya akan berbagi artikel mengenai cara membuat ribbon corner dengan CSS3, nah teman-teman pasti penasarankan seperti apa bentuk dan hasil nya, daripada penasaran langsung saja yuk kita praktikan.

Seperti biasa teman-teman silahkan buka dulu text editornya masing-masing, kemudian silahkan ketikan script berikut pada HTML:

html

Kalo sudah, kita lanjutkan untuk script CSSnya, teman-teman buat file baru bernama style.css, kemudin di dalam nya ketikan seperti berikut:

css1

Belum cukup sampai disini, silahkan dilanjutkan lagi:

css2

Ketikan lagi CSS berikutnya seperti ini:

css3

Kalo Sudah di ketikan semua CSS diatas, jangan lupa disimpan, kemudian coba teman-teman buka dibrowsernya masing-masing, dan lihat hasil nya. Lumayan keren kan teman-teman ?

Baiklah, Cukup sampai disini artikel kali ini, semoga bisa bermanfaat bagi teman-teman 🙂

WhatsApp chat