CSS中，<ul>與<li>標(biāo)簽常用于創(chuàng)建橫向或縱向?qū)Ш綑冢步?jīng)常用于列表的制作。

<ul>
<li>菜單1</li>
<li>菜單2</li>
<li>菜單3</li>
</ul>

通過CSS樣式可以控制導(dǎo)航欄或列表的樣式以及布局。如下示例可以將導(dǎo)航欄變成橫向列表：

<style>
ul {
display: flex;
list-style: none;
}
li {
margin-right: 20px;
}
</style>
<ul>
<li>菜單1</li>
<li>菜單2</li>
<li>菜單3</li>
</ul>

其中，display: flex;將<ul>標(biāo)簽變成伸縮盒子，list-style: none;去除默認(rèn)的列表樣式，margin-right: 20px;設(shè)置每個(gè)<li>標(biāo)簽之間的間距為20px。

還可以通過CSS樣式制作垂直列表：

<style>
ul {
list-style: none;
}
li {
margin-bottom: 10px;
padding: 5px;
border: 1px solid #ccc;
}
</style>
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>

其中，margin-bottom: 10px;設(shè)置每個(gè)<li>標(biāo)簽之間的距離為10px，padding: 5px;設(shè)置每個(gè)<li>標(biāo)簽的內(nèi)邊距為5px，border: 1px solid #ccc;設(shè)置每個(gè)<li>標(biāo)簽的邊框?yàn)?px的實(shí)線，顏色為#ccc。

總之，<ul>與<li>標(biāo)簽是CSS中常用的標(biāo)簽之一，它們不僅可以用于導(dǎo)航欄的制作，還可以用于列表的制作。