Sử dụng phần tử:first-letter để thêm các hiệu ứng đặc biệt cho chữ cái đầu tiên của các phần tử trong tài liệu. Bạn có thể thử chạy đoạn mã sau để thêm các kiểu đặc biệt vào chữ cái đầu tiên của văn bản -
Ví dụ
<html>
<head>
<style>
p:first-letter {
font-size: 5em;
}
p.normal:first-letter {
font-size: 10px;
}
</style>
</head>
<body>
<p class="normal"> First character of this paragraph will be normal and will have font size 10 px;</p>
<p>The first character of this paragraph will be 5em big as defined in the CSS rule above. Rest of the characters in this paragraph will remain normal. This example shows how to use :first-letter pseduo element to give effect to the first characters of any HTML element.</p>
</body>
</html>