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

0
400

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

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

 

<!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>

ফলাফলঃ

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

 

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

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

একটি উত্তর ত্যাগ

Please enter your comment!
Please enter your name here

20 − one =