HTML5導(dǎo)航橫向顯示CSS代碼 在Web開發(fā)中，導(dǎo)航欄是一個常見的組件。在HTML5中，導(dǎo)航欄可以通過CSS樣式來實現(xiàn)橫向顯示。下面是一段簡單的HTML代碼和對應(yīng)的CSS樣式，可以實現(xiàn)導(dǎo)航欄橫向顯示。 HTML代碼：

<nav>
<ul class="menu">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產(chǎn)品</a></li>
<li><a href="#">關(guān)于</a></li>
</ul>
</nav>

CSS樣式：

nav {
background-color: #333;
}
.menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.menu li {
margin-right: 20px;
}
.menu li:last-child {
margin-right: 0;
}
.menu a {
display: block;
color: #fff;
text-decoration: none;
padding: 10px;
border-bottom: 2px solid transparent;
}
.menu a:hover {
border-bottom: 2px solid #fff;
}

如上所示，HTML代碼中創(chuàng)建了一個