কম্পিউটার

কিভাবে CSS দিয়ে পরবর্তী এবং আগের বোতাম তৈরি করবেন?


CSS −

দিয়ে পরবর্তী এবং পূর্ববর্তী বোতাম তৈরি করার কোডটি নিচে দেওয়া হল

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
a {
   text-decoration: none;
   display: inline-block;
   padding: 20px;
   font-size: 35px;
   width: 40px;
   text-align: center;
}
.back:hover {
   background-color: #ddd;
   color: black;
}
.next:hover {
   background-color: rgb(121, 37, 133);
   color: white;
}
.back {
   border-radius: 50%;
   background-color: #acacac;
   color: black;
}
.next {
   border-radius: 50%;
   background-color: rgb(68, 30, 112);
   color: white;
}
</style>
</head>
<body>
<h1>Previous and Next Button Example</h1>
<a href="#" class="back">‹</a>
<a href="#" class="next">›</a>
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS দিয়ে পরবর্তী এবং আগের বোতাম তৈরি করবেন?


  1. কিভাবে সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে একটি আসন্ন পৃষ্ঠা তৈরি করবেন?

  2. কিভাবে CSS এবং JavaScript দিয়ে একটি উদ্ধৃতি স্লাইডশো তৈরি করবেন?

  3. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে কীভাবে একটি তালিকা গ্রিড ভিউ তৈরি করবেন?

  4. কিভাবে CSS এবং JavaScript দিয়ে একটি প্রসারিত গ্রিড তৈরি করবেন?