CSS導航欄是網頁設計中非常常見的元素之一，它可以幫助用戶快速瀏覽網站的各個頁面，并且也可以增加網站的美觀程度。下面介紹一種簡單的CSS導航欄的畫法。

<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞</a></li>
<li><a href="#">產品</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>

首先我們需要一個包裹導航欄的<ul>標簽，每個導航項使用<li>標簽包裹，并且導航項中使用了<a>標簽來定義鏈接。接下來我們需要給導航欄添加樣式。

ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333;
overflow: hidden;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}

我們給<ul>標簽添加了一些樣式，包括取消列表樣式、設置margin和padding為0、設置背景色為#333（可以根據自己的需要修改）、設置overflow為hidden（可以使導航欄不會溢出到其他元素中）。接下來我們為<li>標簽和其中的<a>標簽分別設置了樣式。<li>標簽我們設置為float:left，可以使導航欄水平排列。同時我們也為其中的<a>標簽設置了一些樣式，包括設置為塊級元素、設置文字顏色、設置文字居中、設置內邊距、去除下劃線等。最后我們為鼠標懸停時的效果進行了設置，可以使導航欄更加美觀。

綜上所述，這是一種簡單的CSS導航欄的畫法，可以幫助初學者快速畫出漂亮的導航欄，同時也可以根據自己的需求進行修改和增強。