ใช้องค์ประกอบ :first-letter เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวอักษรตัวแรกขององค์ประกอบในเอกสาร คุณสามารถลองใช้รหัสต่อไปนี้เพื่อเพิ่มรูปแบบพิเศษให้กับตัวอักษรตัวแรกของข้อความ -
ตัวอย่าง
<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> 