ใช้ pseudo-element :first-letter เพื่อเพิ่มเอฟเฟกต์พิเศษให้กับตัวอักษรแรกของอีเลเมนต์ในเอกสาร คุณสามารถลองรันโค้ดต่อไปนี้เพื่อเพิ่มสไตล์พิเศษให้ตัวอักษรแรกของข้อความ:
ตัวอย่าง
<html> <head> <style> p:first-letter { font-size: 5em; } p.normal:first-letter { font-size: 10px; } </style> </head> <body> <p class="normal"> ตัวอักษรแรกของย่อหน้านี้จะปกติและมีขนาดฟอนต์ 10 px;</p> <p>ตัวอักษรแรกของย่อหน้านี้จะใหญ่ 5em ตามที่กำหนดในกฎ CSS ด้านบน ตัวอักษรที่เหลือในย่อหน้านี้จะยังคงปกติ ตัวอย่างนี้แสดงวิธีใช้ pseudo-element :first-letter เพื่อให้เอฟเฟกต์กับตัวอักษรแรกของอีเลเมนต์ HTML ใดๆ</p> </body> </html>