हम बैकग्राउंड-कलर प्रॉपर्टी का उपयोग करके किसी तत्व की पृष्ठभूमि का रंग निर्दिष्ट कर सकते हैं। हम मानक नामों, rgb(), rgba(), hsl() या hsla() द्वारा मान निर्दिष्ट कर सकते हैं।
सिंटैक्स
CSS बैकग्राउंड-कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
Selector {
background-color: /*value*/
} उदाहरण
निम्नलिखित उदाहरण CSS बैकग्राउंड-कलर प्रॉपर्टी को दर्शाते हैं -
<!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> आउटपुट
यह निम्न आउटपुट देता है -
