➥ CSS - Първата буква в текста да е различен цвят и оголемена

По този начин се добавя специален вид за първата ви буква в даден текст:



<html>
<head>
<style type="text/css">
p::first-letter {
     font-size: 200%;
     color: #8A2BE2;
}
</style>
</head>

<body>
<p>
you can use the :first-letter pseudo-element to add a special effect to the first letter of a text!
</p>
</body>
</html>


Също така може и с тага <pre>

pre::first-letter {
color: #903;
float: left;
font-family: Georgia;
font-size: 25px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}


Има много и интересни варианти и приложение успех!