css - How to give border to background-image? -

पृष्ठभूमि छवि को इनपुट बॉक्स और पैडिंग वैल्यू का प्रयोग इस तरह दिखाई देगा:

अब पृष्ठभूमि-छवि के लिए सीमा-सही कैसे लागू किया जाए?

या, यह करने के लिए सबसे अच्छा अभ्यास क्या है? < / P>

---

मुझे अभी ये निविष्टियाँ हैं

  & lt; form & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" / & gt; & Lt; इनपुट प्रकार = "टेक्स्ट" / & gt; & Lt; इनपुट प्रकार = "सबमिट करें" / & gt; & Lt; / प्रपत्र & gt;  

सीएसएस

  इनपुट {पृष्ठभूमि: url ('पथ') कोई भी दोहराने वाला केंद्र; Padding-left: 50px;}  

मैं सिर्फ border- सही तरह से पृष्ठभूमि छवि पर

सीएसएस

  इनपुट [प्रकार = पाठ] {पृष्ठभूमि: url ('http : //uploadpie.com/LctRy ') कोई भी दोहराने वाला बाएं केंद्र; पैडिंग: 18px 0 18px 70px; सीमा: 1 पीएक्स ठोस # ईईएईएए; फ़ॉन्ट-आकार: 17px; रंग: # 999; }