CSS導航樣式是網頁設計中非常重要的一個部分，可以讓網站看起來更加美觀、清晰和易讀。下面是一些常見的導航樣式源代碼，供大家參考。

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin-right: 20px;
}
a {
display: block;
font-weight: bold;
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
}

上面的代碼是一個簡單的水平導航樣式，使用了無序列表（ul）、列表項（li）和超鏈接（a）等基本的HTML元素。通過CSS設置去掉了列表項前面的默認符號，使用了內聯塊狀元素的display屬性讓列表項水平排列，并通過設置右側的margin值來間距開每個列表項。每個超鏈接都被設置成塊級元素，讓文本垂直居中，并應用了hover樣式來在鼠標移上去時產生視覺效果。

.navbar {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
color: #fff;
padding: 10px;
}
.navbar a {
color: #fff;
text-decoration: none;
margin-right: 20px;
}
.navbar a:hover {
text-decoration: underline;
}

上面的代碼是一個使用flex布局的導航樣式，可以讓導航項自適應寬度，并能實現自動換行。通過設置flex容器（.navbar）的屬性，實現了導航項居中排列，并在左右兩端設置了較寬的內間距。超鏈接（a）的樣式也相應被設置，使用了無下劃線的文字，以及鼠標移過去時會產生下劃線的效果。