مشخصات مقاله
-
909
-
0.0
-
7306
-
0
-
1
ایجاد نوار منو بالایی در وب سایت
در این مقاله می آموزیم که چطور یک نوار منوی بالایی با استفاده از دستور CSS ایجاد کنیم.
ساخت نوار منو بالایی در وب سایت
قدم اول : کد HTML را اضافه کنید.
مثال :
قدم دوم : حال کد CSS زیر را وارد کنید تا نوار منو بالایی برای شما ساخته شود.
مثال ساخت نوار منو بالایی در وبسایت :
.topnav {
background-color: #333;
overflow: hidden;
}
.topnav a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #ddd;
color: black;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
توجه : برای ساخت منوهایی که ریسپانسیو باشند و تجربه کاربری خوشایندی را برای کاربر فراهم کنند، مقاله ایجاد منو ریسپانسیو در طراحی وب سایت را مطالعه کنید.