CSS橫向?qū)Ш搅斜硎蔷W(wǎng)頁設(shè)計(jì)中常用的一種導(dǎo)航方式，它可以在網(wǎng)頁的頂部或底部放置一排鏈接，方便用戶快速地瀏覽和訪問網(wǎng)站的各個板塊。

.nav {
display: flex; /* 將導(dǎo)航項(xiàng)設(shè)置為彈性盒子布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
background-color: #333; /* 設(shè)置導(dǎo)航條的背景色 */
height: 50px;
}
.nav li {
list-style: none; /* 去掉默認(rèn)的圓點(diǎn)列表符號 */
margin: 0 10px; /* 設(shè)置導(dǎo)航項(xiàng)之間的間隔 */
}
.nav a {
text-decoration: none; /* 去掉鏈接的下劃線 */
color: #fff; /* 設(shè)置鏈接文字的顏色為白色 */
font-size: 14px;
font-weight: bold;
}
.nav a:hover {
text-decoration: underline; /* 鼠標(biāo)懸停時為鏈接添加下劃線 */
}

以上是一個簡單的CSS橫向?qū)Ш搅斜淼拇a，可以根據(jù)需求進(jìn)行修改和調(diào)整。其中，display: flex;將導(dǎo)航項(xiàng)設(shè)置為彈性盒子布局，justify-content: center;將導(dǎo)航項(xiàng)水平居中，align-items: center;將導(dǎo)航項(xiàng)垂直居中，background-color: #333;設(shè)置導(dǎo)航條的背景色，.nav a:hover當(dāng)鼠標(biāo)懸停在鏈接上時為鏈接添加下劃線。