使用CSS的定位屬性，可以很方便地創建一個漂亮的導航欄。通過設置position屬性為relative或absolute，再使用top、bottom、left、right屬性，就可以將導航欄定位到想要的位置。
舉個例子，下面是一個簡單的導航欄代碼，使用了定位屬性：

<code>nav {
position: relative;
top: 50px;
left: 100px;
}
<br>
    nav ul {
list-style: none;
margin: 0;
padding: 0;
}
<br>
    nav li {
display: inline-block;
margin-right: 10px;
}
<br>
    nav a {
display: block;
padding: 5px 10px;
background-color: #ccc;
color: #333;
text-decoration: none;
border-radius: 3px;
}</code>

上面的代碼演示了一個基礎的導航欄，包含了一個ul列表，列表項使用了inline-block來實現橫向排列。為了讓導航欄更容易被發現，我們將導航欄放置在頁面的左上角，使用了定位屬性來實現。
如果我們想要將導航欄固定在頁面的頂部或底部，可以考慮使用position屬性設置為fixed。通過設置top、bottom、left、right等屬性，可以實現各種位置的定位。
同時，使用CSS的定位屬性還可以實現一些有趣的效果，比如將導航欄放置在頁面的邊緣，或是在滾動頁面時始終保持在一個固定位置。
綜上所述，通過使用CSS的定位屬性，我們可以輕松地創建出一個漂亮的導航欄，并在頁面中任意定位。