How To Create a Professional Menu Bar with HTML5 and CSS3 Bangla Tutorial

How To Create a Professional Menu Bar with HTML5 and CSS3 Bangla Tutorial

(HTML5 + CSS3) ব্যাবহার করে মাত্র ১০ মিনিটে বানানো শিখুন একটি সুন্দর প্রফেশনাল মেনুবার।

//HTML Code

<div class="menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PROFILE</a></li> <li><a href="#">DOWNLOAD</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div>

//CSS Code

.menu

{

width:960px;

background:#8E0505;

min-height:40px;

margin:0px auto;

}

.menu ul

{

margin:0px;

padding:0px;

}

.menu ul li

{

float:left;

list-style:none;

border-right:1px solid #730505;

border-left:1px solid #CC3232;

}

.menu ul li:hover

{

position:relative;

box-shadow:0px 2px 10px;

}

.menu ul li:first-child

{

border-left:0px solid;

}

.menu ul li:last-child

{

border-right:0px solid;

}

.menu ul li a

{

text-decoration:none;

padding:10px 15px;

display:block;

color:#fff;

font-family:verdana;

}

.menu ul li a:hover

{

color:blue;

}