CSS導航是一種常見的網站導航形式，利用HTML的無序列表（ul）和列表項（li）結構，以及CSS樣式來實現。

<ul class="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a>
<ul class="sub-nav">
<li><a href="#">國內</a></li>
<li><a href="#">國際</a></li>
</ul>
</li>
<li><a href="#">產品</a></li>
<li><a href="#">關于我們</a></li>
</ul>

上面是一個最基本的ul li CSS導航的HTML結構，其中nav類用來統一樣式，可以根據需求自行定義樣式。子菜單（sub-nav）采用嵌套列表項的方式來實現，子菜單的樣式可以采用:hover偽類來實現鼠標懸停效果。

.nav {
list-style: none;
margin: 0;
padding: 0;
background-color: #333;
text-align: center;
}
.nav li {
display: inline-block;
margin: 0;
padding: 0;
}
.nav li a {
display: block;
padding: 10px;
color: #fff;
text-decoration: none;
}
.nav li:hover {
background-color: #555;
}
.sub-nav {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
background-color: #fff;
border: 1px solid #ccc;
}
.nav li:hover .sub-nav {
display: block;
}
.sub-nav li {
display: block;
margin: 0;
padding: 0;
}
.sub-nav li a {
padding: 10px;
color: #333;
text-decoration: none;
}
.sub-nav li:hover {
background-color: #f5f5f5;
}

上面是一個簡單的CSS樣式表，其中包含了nav、li、a和sub-nav等樣式規則。其中nav類的樣式定義了背景顏色、文本居中等基本樣式，li和a標簽的樣式定義了列表的樣式，包括文字顏色、懸停背景顏色等；子菜單的樣式根據需求定義，采用絕對定位并且默認隱藏，當鼠標懸停在父菜單上時，通過:hover偽類來顯示子菜單，并且選中狀態也可以通過樣式來定義。

總之，采用ul li CSS導航的形式可以方便地實現網站的導航功能，而CSS樣式則可以讓導航看上去更加美觀、易于用戶操作。