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

CSS से बुलेट शैली के लिए छवि सेट करें

list-style-image आपको मार्कर के लिए एक छवि निर्दिष्ट करने की अनुमति देता है ताकि आप अपनी खुद की बुलेट शैली उपयोग कर सकें।

उदाहरण

निम्न कोड चलाकर CSS के साथ बुलेट के लिए छवि सेट करें:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-image: url(/images/bullet.gif);">
      <li>Football</li>
      <li>Cricket</li>
    </ul>
  </body>
</html>
  1. - CSS के साथ एलिमेंट्स के लिए इमेज को बॉर्डर के रूप में सेट करें

    CSS border-image प्रॉपर्टी का उपयोग कुछ एलिमेंट्स में इमेज बॉर्डर जोड़ने के लिए किया जाता है। इमेज को एलिमेंट्स के लिए बॉर्डर के रूप में सेट करने के लिए निम्नलिखित कोड आज़माएं: उदाहरण <html>    <head>       <style>          #border

  1. - CSS से पेजिनेशन (पृष्ठांकन) स्टाइल करें

    CSS में पेजिनेशन (पृष्ठ संख्या नेविगेशन) को स्टाइल करने के लिए लिंक्स (<a>) को display: inline-block या फ्लेक्सबॉक्स में व्यवस्थित करके पैडिंग, रंग, होवर प्रभाव, और एक्टिव स्टेट लागू किया जाता है। उदाहरण नीचे दिए गए उदाहरण में, बेसिक पेजिनेशन स्टाइलिंग: लाल लिंक्स, पैडिंग, फ्लोट लेफ्ट लेआउट।

  1. - CSS से इमेज पर बटन रखें - सेंटर पोज़िशनिंग

    इमेज के ठीक केंद्र में बटन रखने के लिए position: absolute के साथ transform: translate(-50%, -50%) तकनीक का उपयोग करें। यह सबसे विश्वसनीय सेंटरिंग विधि है। उदाहरण: इमेज के केंद्र में बटन <!DOCTYPE html> <html> <head> <style> .box { position: relative; width