En droppe cap är när den första bokstaven i ett stycke är större än genomsnittet teckenstorlek och att bokstaven "droppar" ner 2 (eller flera) rader. Du kan faktiskt se detta exempel som ges nedan höger här i bilden.

Och bara lägga till följande kod:

 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, serif; color: # ccc; font-size: 46px; float: left; font-weight: 400; line-height: 1em; margin-bottom: -0 .4 em; marginal - rätt: 0 .09 em; position: relative;) 

Lägg Spännavvikelsen

Slutligen är vi klara. vi skapat en Skapa Drop Caps effekt. Visa Exempel

Filed under: Css, handledningar av admin