यदि आप CSS संपत्ति background-image का उपयोग करते हैं अपनी वेबसाइट पर एक छवि को पृष्ठभूमि के रूप में एम्बेड करने के लिए, आप शायद आपने देखा है कि आपके वेब पेज की चौड़ाई और ऊंचाई को भरने के लिए आपकी छवि असीमित रूप से दोहराई जाती है।
ऐसा इसलिए होता है क्योंकि डिफ़ॉल्ट रूप से, ब्राउज़र में CSS गुण होता है background-repeat repeat पर सेट करें ।
पृष्ठभूमि छवियों को दोहराने से रोकने के लिए, बस डिफ़ॉल्ट repeat . को ओवरराइड करें no-repeat . के साथ मान , इस तरह:
body {
background-image: url("path-to-image.jpg");
background-repeat: no-repeat;
}अब आपकी पृष्ठभूमि छवि केवल एक बार दिखाई देती है!