मैं पृष्ठभूमि छवि में मार्जिन कैसे जोड़ूं?

Question

मैं पृष्ठभूमि छवि में मार्जिन जोड़ना चाहता हूं ताकि मैं इसे स्क्रीन के बीच से दूरी से जोड़ूं, लेकिन उस वर्ग के अंदर इसे जोड़कर पूरे शरीर में मार्जिन जोड़ता है।

body.poppage { 
    background: url(/Imagenes/tip3.png) 50% 200px no-repeat #E2E4E9; 
} 

मैं यह कैसे कर सकता हूं? धन्यवाद

Answer 1

आप background-position संपत्ति

Answer 2

उपयोग कर सकते हैं आप कुछ और प्रयास करने के लिए ... अगले बच्चे के लिए छवि चलती की तरह कर सकते हैं। आप इस कार्य को पूरा करने के लिए अपने निश्चित चौड़ाई div के चारों ओर एक रैपर div बना सकते हैं।

Answer 3

आप वास्तव में पृष्ठभूमि छवि में मार्जिन नहीं जोड़ सकते हैं, क्योंकि यह वास्तव में एक तत्व नहीं है। कुछ बातें आप कोशिश कर सकते हैं:

1. तुम सिर्फ शरीर के अंदर एक युक्त तत्व मिल गया है, तो आप इस तत्व पृष्ठभूमि चित्र लागू है और इस पर मार्जिन सेट कर सकते हैं।

2. यदि आप चाहते हैं कि पृष्ठभूमि छवि अपने कंटेनर के भीतर तैरने लगती है, तो इसकी पृष्ठभूमि स्थिति सेट करें।

Answer 4

पृष्ठभूमि के लिए मार्जिन बनाने के लिए कंटेनर पैडिंग का उपयोग करें।

<div class="thebox"> 
    <p>HEY!</p> 
</div> 

div.thebox 
{ 
box-sizing: border-box; 
width:400px; 
height:400px; 

border: 2px solid #000000; 
padding: 10px; 

background: url(http://studio-creator.com/blog/public/html5.jpg) center; 
background-size: contain; 
background-repeat: no-repeat; 
background-origin: content-box; 
} 

https://jsfiddle.net/gann1pwm/