การกำหนด Linear Gradient เป็นภาพพื้นหลังด้วย CSS

กำหนด Linear Gradient เป็นภาพพื้นหลังด้วยฟังก์ชัน linear-gradient() ใน CSS คุณสามารถลองรันโค้ดต่อไปนี้เพื่อนำฟังก์ชัน linear-gradient() ไปใช้ใน CSS ได้

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;             background: linear-gradient(green, orange, maroon);          }       </style>    </head>    <body>       <p>Setting background as linear gradient.</p>       <div id = "demo"></div>    </body> </html>