CSS三角導航是一種常見的網頁導航欄樣式，它的背景顏色和文字分別在不同的位置，使用CSS實現。下面是一份CSS實現的三角導航樣式代碼：

nav {
background-color: #333;
color: #fff;
height: 60px;
padding: 10px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
float: left;
margin-right: 10px;
}
nav a {
display: block;
line-height: 40px;
padding: 0 10px;
}
nav a:after {
content: "";
display: block;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #fff transparent transparent transparent;
}
nav a:hover:after {
border-color: #fff transparent transparent transparent;
}

該代碼中，我們首先設置了導航欄的背景色，文本顏色和高度以及內邊距。接著，我們定義了導航欄的

列表樣式，和每個導航欄項目的樣式。每個導航欄鏈接都是一個塊元素，具有line-height和padding屬性，使其能夠垂直居中且有一定的內邊距。每個導航欄鏈接都有一個偽元素：after，用于顯示三角形。我們使用border屬性設置該三角形的形狀和樣式，并將其顏色設置為白色。最后，我們添加了一個:hover偽類來顯示鼠標懸停時的樣式。

使用上述CSS代碼，我們可以方便地創建一個漂亮的三角導航欄，使網站導航更加方便易用。