এইচটিএমএল ও সিএসএস ব্যাহার করে ওয়েব পেজের ন্যাভিগেশন বার তৈরি

0
398

ন্যাভিগেশন বার অনেক গুরুত্তপূর্ণ বিষয়। আজকের পর্বে আমরা দেখব কি ভাবে খুব সহজে ন্যাভিগেশন বার তৈরি করা যায়।

চলুন দেখে নেয়া যাক……………

 

<!DOCTYPE html>
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
display:inline;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a
{
display:block;
width:60px;
background-color:#00CC66;
}

</style>
</head>
<body>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#news”>News</a></li>
<li><a href=”#news”>Article</a></li>
<li><a href=”#forum”>Forum</a></li>
<li><a href=”#contact”>Contact</a></li>
<li><a href=”#about”>About</a></li>
</ul>
</body>
</html>

ফলাফলঃ

ও সিএসএস এইচটিএমএল ও সিএসএস ব্যাহার করে ওয়েব পেজের ন্যাভিগেশন বার তৈরি

 

আমার বিশ্বাস এই এইচ টি এম এল ও সিএসএস ব্যাহার করে আপনিও পারেন আপনার ওয়েব পেজের ন্যাভিগেশন বার তৈরি করতে।

আজ আর না আগামি দিনে আসব নতুন কিছু নিয়ে। সবাই ভাল থাকবেন, সুস্থ থাকবেন।

LEAVE A REPLY

2 × one =