सीएसएस: चित्र सम्मिलित करें - कि यह कैसे काम करता है
इस व्यावहारिक टिप में हम बताते हैं कि सीएसएस का उपयोग करके एक छवि कैसे डालें। मूल रूप से, छवियों को केवल पृष्ठभूमि छवियों के रूप में यहां डाला जा सकता है। हालाँकि, यह काफी पर्याप्त है।
CSS में इमेज डालें
उदाहरण के लिए, यदि आप अपने लोगो जैसे CSS का उपयोग करके हेडर में एक छवि शामिल करना चाहते हैं, तो #header के तहत निम्नलिखित गुणों की घोषणा करें:
- "पृष्ठभूमि: url (image.webp) #FFFFFF;"
- यहां "bild.webp" को आपकी छवि के URL को css फ़ाइल के सापेक्ष या आपके ड्राइव पर एक पूर्ण पते के रूप में समझा जाता है।
- रंग के साथ आप अपनी वेबसाइट पर पृष्ठभूमि का रंग घोषित करते हैं।
- छवि को अब एक सटीक स्थिति का उपयोग करके पोस्ट किया जा सकता है, जैसे: "पृष्ठभूमि-स्थिति: 100px 100px;" या खिड़की के किनारे जैसे "पृष्ठभूमि-स्थिति: नीचे दाईं ओर" द्वारा निर्धारित सापेक्ष जानकारी के माध्यम से।
- ताकि आपकी छवि खुद को लगातार न दोहराए, आप संपत्ति "पृष्ठभूमि-दोहराएं" के तहत "नो-रिपीट" निर्दिष्ट कर सकते हैं। यह इस तरह दिखता है: "बैकग्राउंड-रिपीट: नो-रिपीट;"।
- प्रॉपर्टी "बैकग्राउंड अटैचमेंट" के साथ आप यह निर्धारित करते हैं कि इमेज स्क्रॉल के साथ चलती है या पेज पर एक निश्चित स्थान पर रहती है: "बैकग्राउंड-अटैचमेंट: फिक्स्ड;"।
- गुण सीएसएस फ़ाइल में उद्धरण चिह्नों के बिना निर्दिष्ट किए गए हैं।
अगले व्यावहारिक टिप में, HTML का उपयोग करके सीएसएस फ़ाइल को एकीकृत करने का तरीका पढ़ें।