কম্পিউটার

কিভাবে CSS দিয়ে একটি উল্লম্ব মেনু তৈরি করবেন?


CSS −

এর সাথে একটি উল্লম্ব মেনু তৈরি করার কোডটি নিচে দেওয়া হল

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>
.Menu {
   width: 200px;
}
.links {
   background-color: rgb(251, 255, 188);
   color: black;
   display: block;
   padding: 12px;
   text-decoration: none;
}
.links:hover {
   background-color: rgb(85, 85, 85);
   color:white;
}
.links.selected {
   background-color: rgb(0, 0, 0);
   color: white;
}
</style>
</head>
<body>
<div class="Menu">
<a href="#" class="links selected">About Us</a>
<a class="links" href="#">Social Links</a>
<a class="links "href="#">Visit Us</a>
<a class="links" href="#">More info</a>
<a class="links" href="#">Phone Number</a>
</div>
</body>
</html>

আউটপুট

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

তৈরি করবে

কিভাবে CSS দিয়ে একটি উল্লম্ব মেনু তৈরি করবেন?


  1. কিভাবে CSS দিয়ে আরও একটি বোতাম তৈরি করবেন?

  2. কিভাবে CSS দিয়ে চ্যাট মেসেজ তৈরি করবেন?

  3. কিভাবে CSS দিয়ে একটি উল্লম্ব লাইন তৈরি করবেন?

  4. কিভাবে CSS দিয়ে একটি বিভাগ কাউন্টার তৈরি করবেন?