โค้ด: เลือกทั้งหมด
<html>
<head>
<title>เพิ่มเงาตัวอักษร</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
h1
{text-shadow:5px 5px 5px #46b830;}
</style>
</head>
<body>
<h1>ข้อความของฉัน</h1>
</body>
</html>
จากcodeจะเห็นได้ว่าเราเปิดstyleแล้วใช้code text-shadow เพิ่อให้เกิดเงาขึ้นมานั้นเองและเรายังสามารถเลือกสีของเงาขนาดของเงาได้ด้วย
ผลลับที่ได้
- Selection_403.png (16.19 KiB) Viewed 829 times
แค่นี้เราก็สามารถทำให้ตัวอักษรของเราดูเด่นและน่าอ่านขึ้นมาเลยทันทีแถมเป็นcodeง่าย ๆ ไม่ต้องทำความเข้าใจกับมันใหม่ให้เปลี่องเวลาอีกด้วยหวังว่าบทความนี้จะเป็นประโยชน์ไม่มากก็น้อย