J drop topi adalah ketika huruf pertama dari ayat ini yang lebih besar dari rata-rata ukuran font dan huruf yang 'turun' ke bawah 2 (atau lebih) baris. Anda dapat melihat contoh ini sebenarnya adalah yang diberikan di bawah kanan di gambar ini.

Dan cukup menambahkan kode berikut:

 font-family :Georgia , serif ; color : #ccc ; font-size : 46px ; float : left ; font-weight : 400 ; line-height : 1em ; margin-bottom : -0 .4em ; margin-right : 0 .09em ; position : relative ; } span. dropcaps (font-family: georgia, berkait; color: # ccc; font-size: 46px; float: left; font-weight: 400; line-height: 1em; margin-bottom: -0 .4 em; margin - right: 0 .09 em; position: relative;) 

Tambahkan The Span

Akhirnya kami selesai. Buat kami membuat efek Drop Caps. Lihat Contoh

Filed under: Css, Tutorial oleh admin