Amikor egy cikkre jobban szeretnéd felhívni a figyelmet, akkor ez egy jó megoldás lehet rá. A cikk legelső betűjének kiemelése, de igazából bármelyik betűt ki lehet emelni a cikkben ezzel a kóddal. Sőt, minden bekezdésben más-más színű, méretű kiemelést is lehet csinálni.

Miután megírtad a cikket menj a szövegszekesztőben kódnézetbe. Ezt a kódrészt kell beilleszteni annak a betűnek al elejéhez, amit ki fogsz emelni: <first-letter>
Ezt pedig a betű mögé kell illeszteni: </first-letter>

<first-letter>L</first-letter>orem ipsum

A CSS kód pedig így néz ki hozzá:

<style type=”text/css”>
first-letter {
     font-family:  ‘Lobster’, cursive;
     font-size: 60px;
     color: #FD8D7F;
}
–></style>

A kódban a betűméreten, betűszínen, betűtípuson és mindennen tudsz állítani, ami egy szöveghez adott.
Ha az új bekezdésben más színű kiemelt betűvel szeretnél nyitni, akkor pl. legyen a kódolás így:
 

<first-letter-1>L</first-letter-1>orem ipsum

És ekkor a CSS kód így néz ki:
Csak a betű színén változtattam, meg a kódban is hozzá adtam a sorszámot.

<style type=”text/css”>
first-letter-1 {
     font-family: ‘Lobster’, cursive;
     font-size: 60px;
     color: #b01927;
}
–></style>

1 233 megtekintés