ในการสร้างการไล่ระดับสีแบบเส้นตรงที่ดูเหมือนสีรุ้ง คุณสามารถลองใช้โค้ดต่อไปนี้\
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> #demo { height: 100px; background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); } </style> </head> <body> <h2>Linear Gradient</h2> <div id = "demo">Rainbow</div><br> </body> </html>