কম্পিউটার টিউটোরিয়াল

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 দিয়ে পেজিনেশন (pagination) কে পেজের মাঝপথে আনা

  2. CSS font-size প্রোপার্টি দিয়ে পেজিনেশন সাইজ বড়/ছোট করা

  3. CSS দিয়ে ব্যাকগ্রাউন্ড ইমেজকে রেসপন্সিভ করুন

  4. CSS-এ টেক্সট ডেকোরেশনের স্টাইল সেট করুন