Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

सीएसएस के साथ एक छवि पर टेक्स्ट को केंद्र में कैसे रखें

<घंटा/>

किसी छवि को केंद्र में रखने के लिए टेक्स्ट को स्थान देने के लिए, CSS में ट्रांसफ़ॉर्म प्रॉपर्टी का उपयोग करें। आप छवि पर केंद्रित पाठ के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

     

इमेज टेक्स्ट

इमेज के बीच में इमेज में कुछ टेक्स्ट जोड़ें:

सीएसएस के साथ एक छवि पर टेक्स्ट को केंद्र में कैसे रखें
center

  1. कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?

    सीएसएस के साथ एक छवि में एक बटन जोड़ने के लिए निम्नलिखित कोड है - उदाहरण img{ चौड़ाई:100%;}div { स्थिति:रिश्तेदार; चौड़ाई:100%; अधिकतम-चौड़ाई:400px;}div img {चौड़ाई:100%; ऊंचाई:ऑटो;} div बटन {स्थिति:निरपेक्ष; शीर्ष:50%; बाएं:50%; परिवर्तन:अनुवाद (-50%, -50%); पृष्ठभूमि-रंग:आरजीबी (64, 21, 133); रंग

  1. सीएसएस के साथ टेक्स्ट बटन कैसे स्टाइल करें?

    CSS के साथ टेक्स्ट बटन को स्टाइल करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    border: none;    color: white;  

  1. CSS के साथ ग्लोइंग टेक्स्ट कैसे बनाएं?

    सीएसएस के साथ चमकदार टेक्स्ट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body {       background-color: rgb(0, 0, 0); &