Pada materi kali ini saya akan menjelaskan cara membuat Drop Cap dengan HTML dan CSS, biasanya Drop Cap dibuat di Adobe InDesign , Adobe Illustrator , dll. ternyata dengan CSS pun bisa , berikut contoh Drop Cap :

 

dropcap-agung-1

Untuk membuat seperti di atas kita hanya perlu sebuah fungsi pemanggilan selector pada CSS yaitu menggunakan first letter , contohnya seperti di bawah ini :

drop-cap-code-agung-1

Untuk mengatur Ukuran huruf dan tata letak kita gunakan font-size dan float , kuncinya hanya pada selector dan kedua properties tersebut , selamat mencoba dan semoga bermanfaat 😀