एक रेखीय ग्रेडिएंट में एकाधिक रंग स्टॉप के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं:
<!DOCTYPE html>
<html>
<head>
<style>
#demo {
height: 100px;
background: linear-gradient(blue, orange, yellow, gray);
}
</style>
</head>
<body>
<h2>Linear Gradient</h2>
<div id = "demo">Mutiple Color Stops</div><br>
</body>
</html> स्क्रॉल पर एक ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma, Gene
एकाधिक रंग स्टॉप का उपयोग करके एक रैखिक ढाल बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div { height: 200px; width: 100%;
कई बैकग्राउंड जोड़ने के लिए, CSS में बैकग्राउंड-इमेज प्रॉपर्टी का इस्तेमाल करें। एकाधिक पृष्ठभूमि जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {