در این مقاله می آموزیم که چطور یک نوار منوی بالایی با استفاده از دستور CSS ایجاد کنیم.
ساخت نوار منو بالایی در وب سایت
قدم اول : کد HTML را اضافه کنید.
مثال :
قدم دوم : کد CSS را اضافه کنید.
مثال ساخت آیکون منو در منو ریسپانسیو :
body {
font-family: Arial, Helvetica, sans-serif;
direction: rtl;
}
.navbar {
width: 100%;
background-color: #555;
overflow: auto;
direction: rtl;
}
.navbar a {
float: right;
padding: 12px;
color: white;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover {
background-color: #000;
}
.active {
background-color: #4CAF50;
}
@media screen and (max-width: 500px) {
.navbar a {
float: none;
display: block;
}
}
