ကို မူကြမ်းမူအပ်ပါ
အိတ်သုံး ပါဝင်သော အတွေ့အကြုံ နှင့် လက်ဆုံး နောက်ခံ စံပုံ ကို အသုံးပြုပါ
အိတ်သုံး ပါဝင်သော နှိပ်ခတ်ခြင်း
အိတ်သုံး ပါဝင်သော အတွေ့အကြုံ နှင့် လက်ဆုံး နောက်ခံ စံပုံ
ပထမဆုံးအပိုင်း - ဟေတိုင် ထပ်ထည့်
အားကွယ် အိမ်တွင်း အိတ်သုံး
第二步 - 添加 CSS：
/* 设置导航栏的样式 */
.navbar {
width: 100%;
background-color: #555;
overflow: auto;
}
/* 导航栏链接样式 */
.navbar a {
float: left;
text-align: center;
padding: 12px;
color: white;
text-decoration: none;
font-size: 17px;
}
/* 鼠标悬停时的导航栏链接样式 */
.navbar a:hover {
background-color: #000;
}
/* 当前/活动的导航栏链接 */
.active {
background-color: #04AA6D;
}
/* 添加响应能力 - 在小于 500 像素的屏幕上自动垂直显示导航栏，而不是水平显示 Add responsiveness - will automatically display the navbar vertically instead of horizontally on screens less than 500 pixels */
@media screen and (max-width: 500px) {
.navbar a {
float: none;
display: block;
}
}
相关页面
教程：CSS 导航栏
教程：如何创建图标导航栏
