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

CSS के साथ पेजिनेशन के लिए स्टाइल सेट करें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            display: inline-block;
         }
         .demo a {
            color: red;
            float: left;
            padding: 7px 10px;  
            text-decoration: none;
         }
      </style>
   </head>
   <body>
      <h2>Our Quizzes</h2>
      <div class = "demo">
         <a href = "prev.html"><</a>
         <a href = "quiz1.html">Quiz1</a>
         <a href = "quiz2.html">Quiz2</a>
         <a href = "quiz3.html">Quiz3</a>
         <a href = "quiz4.html">Quiz4</a>
         <a href = "next.html">></a>
      </div>
   </body>
</html>

  1. CSS के साथ पेजिनेशन का आकार बदलें

    पेजिनेशन का आकार बदलने के लिए, फ़ॉन्ट-आकार . का उपयोग करें संपत्ति। पेजिनेशन का आकार बढ़ाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .demo {    

  1. सीएसएस के साथ पृष्ठभूमि छवि के लिए जवाबदेही प्राप्त करें

    आप सीएसएस के साथ पृष्ठभूमि छवि के लिए प्रतिक्रिया प्राप्त करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <meta name = "viewport" content="width = device-width, initial-scale = 1.0">

  1. CSS में टेक्स्ट डेकोरेशन की शैली सेट करें

    टेक्स्ट डेकोरेशन की शैली सेट करने के लिए, टेक्स्ट-डेकोरेशन-स्टाइल प्रॉपर्टी का उपयोग करें। आप निम्न मानों का उपयोग कर सकते हैं - text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit; उदाहरण <!DOCTYPE html> <html> <head> <style> span {    text-decor