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

CSS का उपयोग करके पेजिनेशन में बॉर्डर जोड़ें


बॉर्डे का प्रयोग करें r संपत्ति पृष्ठ पर अंक लगाना करने के लिए सीमा जोड़ने के लिए।

उदाहरण

पेजिनेशन के लिए बॉर्डर सेट करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            display: inline-block;
         }
         .demo a {
            color: red;
            padding: 5px 12px;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 2s;
            border: 1px dashed orange;
         }
         .demo a.active {
            background-color: orange;
            color: white;
            border-radius: 5px;
         }
         .demo a:hover:not(.active) {
            background-color: yellow;
         }
      </style>
   </head>
   <body>
      <h2>Our Quizzes</h2>
      <div class = "demo">
         <a href = "prev.html">&amp;lt;</a>
         <a href = "quiz1.html">Quiz1</a>
         <a href = "quiz2.html">Quiz2</a>  
         <a href = "quiz3.html">Quiz3</a>
         <a href = "quiz4.html" class="active">Quiz4</a>
         <a href = "next.html">&amp;gt;</a>
      </div>
   </body>
</html>

  1. CSS का उपयोग करके टेबल्स में बॉर्डर जोड़ना CSS का उपयोग करके टेबल्स में बॉर्डर जोड़ना

    CSS में किसी तालिका में बॉर्डर जोड़ने के लिए, बॉर्डर प्रॉपर्टी का उपयोग करें। उदाहरण आइए अब एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> table, th, td {    border: 2px dashed orange; } </style> </head> <body> <h2>Team Ranking Tabl

  1. CSS का उपयोग करके बॉर्डर कैसे बनाएं और स्टाइल करें? CSS का उपयोग करके बॉर्डर कैसे बनाएं और स्टाइल करें?

    हम किसी तत्व के लिए बॉर्डर परिभाषित कर सकते हैं और CSS का उपयोग करके उन्हें स्टाइल कर सकते हैं। CSS बॉर्डर प्रॉपर्टी का उपयोग किसी तत्व के बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग के लिए एक आशुलिपि है। इसके अलावा, छवियों को सीमा के रूप में निर्दिष

  1. सीएसएस में यूनिवर्सल चयनकर्ता सीएसएस में यूनिवर्सल चयनकर्ता

    CSS * चयनकर्ता एक सार्वभौमिक चयनकर्ता है जिसका उपयोग HTML DOM के सभी तत्वों को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स इस प्रकार है - * { /*घोषणाएं*/} निम्नलिखित उदाहरण सीएसएस सार्वभौमिक चयनकर्ता को दर्शाते हैं - उदाहरण * { मार्जिन:15px; पैडिंग:5px; सीमा:2px ठोस काला