सीएसएस पृष्ठभूमि छवि
सीएसएस पृष्ठभूमि-छवि
background-image
संपत्ति एक तत्व की पृष्ठभूमि के रूप में उपयोग करने के लिए एक छवि निर्दिष्ट करती है ।
डिफ़ॉल्ट रूप से, छवि दोहराई जाती है इसलिए यह पूरे तत्व को कवर करती है।
उदाहरण
पृष्ठ के लिए पृष्ठभूमि छवि सेट करें:
body {
background-image: url("paper.gif");
}
उदाहरण
यह उदाहरण टेक्स्ट और बैकग्राउंड इमेज का खराब संयोजन दिखाता है। पाठ शायद ही पठनीय है:
body {
background-image: url("bgdesert.jpg");
}
नोट: पृष्ठभूमि छवि का उपयोग करते समय, ऐसी छवि का उपयोग करें जो पाठ को विचलित न करे।
पृष्ठभूमि छवि को विशिष्ट तत्वों के लिए भी सेट किया जा सकता है, जैसे <p> तत्व:
उदाहरण
p {
background-image: url("paper.gif");
}