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>
Példa: <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:
Példa: <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>