เพื่อเพิ่มสีให้เงา ให้ใช้คุณสมบัติ box-shadow และระบุสีพร้อมกับตำแหน่งแนวนอนและแนวตั้ง
ตัวอย่างโค้ด
ลองรันโค้ดด้านล่างเพื่อกำหนดสีเงา:
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
box-shadow: 10px 10px green;
height: 70px;
background-color: red;
}
</style>
</head>
<body>
<h2>Heading Two</h2>
<p>หัวข้อนี้มีเงาสีเขียว</p>
</body>
</html>
คำอธิบาย: box-shadow: 10px 10px green ไม่มีค่า blur radius (ค่าที่ 3) ดังนั้นเงาจะคมไม่เบลอ สีเขียว (green) ตำแหน่งขวา 10px ล่าง 10px
