Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

เพิ่มเงามากกว่าหนึ่งเงาให้กับข้อความด้วย CSS


เพิ่มรายการเงาที่คั่นด้วยเครื่องหมายจุลภาคเพื่อเพิ่มเงามากกว่าหนึ่งรายการด้วยคุณสมบัติ text-shadow คุณสามารถลองเรียกใช้สิ่งต่อไปนี้เพื่อเรียนรู้วิธีเพิ่มเงาหลายเงาในบรรทัดเดียว

ตัวอย่าง

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            text-shadow: 0 0 3px red, 0 0 4px green, 0 0 5px blue;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <p>Above heading has multiple text shadow effects.</p>
   </body>
</html>