HTML ใส่เงาให้ตัวอักษร ด้วย text-shadow

HTML ใส่เงาให้ตัวอักษร ด้วย text-shadow บทความนี้สอนใช้คำสั่ง CSS คือ text-shadow สำหรับใส่เงาให้ตัวอักษรที่ต้องการ ตัวอย่างใส่เงาให้ตัวอักษรผ่าน CSS ของ CSS ที่แท็ก span ของ HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง HTML ใส่เงาให้ตัวอักษร ด้วย text-shadow

<style>
    .shadow {
        text-shadow: 1px 1px #ccc;
    }
</style>

<span class="shadow">สวัสดีผม Devdit</span>

HTML ใส่เงาให้ตัวอักษร จากตัวอย่างใช้คำสั่ง text-shadow: 1px 1px #ccc ใน CSS โดยมีความหมายดังนี้

1. text-shadow คือ คำสั่งใส่เงาให้กับตัวอักษร

2. 1px แรก คือ ตำแหน่งเงาแนวนอน ถ้าตัวเลขเป็นบวกเงาจะขยับไปทางขวา ถ้าตัวเลขติดลบเงาจะขยับไปทางซ้าย

3. 1px สอง คือ ตำแหน่งเงาแนวตั้ง ถ้าตัวเลขเป็นบวกเงาจะขยับลงล่าง ถ้าตัวเลขติดลบเงาจะขยับขึ้นบน

4. #ccc คือ สีของเงาที่อยู่ด้านหลังตัวอักษร