हम background-color प्रॉपर्टी का उपयोग करके किसी एलिमेंट का बैकग्राउंड कलर निर्दिष्ट कर सकते हैं। हम मानक नामों, rgb(), rgba(), hsl() या hsla() द्वारा मान निर्दिष्ट कर सकते हैं।
सिंटैक्स
CSS background-color प्रॉपर्टी का सिंटैक्स निम्नानुसार है:
Selector { background-color: /*value*/ }
उदाहरण
निम्नलिखित उदाहरण CSS background-color प्रॉपर्टी को दर्शाते हैं:
<!DOCTYPE html> <html> <head> <style> p:first-of-type { font-family: cursive; background-color: pink; } p:last-child { background-color: azure; } div { margin: auto; padding: 5px; font-family: Helvetica; width: 430px; background-color: burlywood; } </style> </head> <body> <p> Java is a high-level programming language originally developed by Sun Microsystems.<p> <div> Java released in 1995</div> <p> Java runs on a variety of platforms such as Windows, Mac OS, and the various versions of UNIX.</p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देता है:
दूसरा उदाहरण
<!DOCTYPE html> <html> <head> <style> div { background-color: springgreen; } h1 { background-color: lightcoral; text-align: center; } p { background-color: lightseagreen; font-size: 150%; } </style> </head> <body> <div> <h1>Demo</h1> <p>This is demo text1. This is demo text2. This is demo text3. </p> </div> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देता है:
