我忽略的text-indent/文本縮進逻翁；text-align：center梧却；
適用于某些特定文本氛赐，改變位置
垂直導航欄重點
設置display ：block;
才可以設置對應元素的寬漠吻，針對行內元素變塊級元素擅耽。
Example：<stype> a{ display:block; width:XXpx;}
水平導航欄重點
float屬性想了好久傻盟，盡然沒想到還在想其它的東東速蕊。
好對不起我自學一個月的成果啊!
圓角菜單的制作(圓角貼圖法)
這里是用圖片的方法，image的圖層要在color之上娘赴。
你也可以用border-radius规哲，此屬性基于css3.0
** background-position:XXpx XXpx; 這個是收獲，以前不知道诽表！**
http://www.w3school.com.cn/cssref/pr_background-position.asp
---問題---唉锌？---
1.你可知道那道黃杠杠如何制出？（提示border９厍辍：选！）
2.如何實現(xiàn)貼圖位置改變的议双？
附代碼：<pre>
<style type="text/css">
{ margin: 0px; padding:0px;
}
ul{
list-style: none;
border-bottom: 5px solid darkorange;
height: 50px;
padding-left: 30px;
上面是答案
--
}
a{
display: block;
/display: block;
此項設置痘番，直接影響a標簽，
塊級元素才能設置寬度平痰，
不然就是自適應/
color: #333;
text-decoration: none;
/text-indent: 15px;/text-align: center;
/margin-top: 1px;/ margin-left: 1px;
height: 30px;
line-height: 30px;
width: 120px;
margin-top: 20px;
/background-color: darkcyan;*
/ background-image: url("../Nav/btnBg.png");
}
li .on , a:hover {
/background-color: darkorange;/
background-image: url("../Nav/btnBg.png");
background-position: 0px -30px;
/!border-radius: 15px;! 注意這個使用css3.0/
color: white;
}
.nav li {
float: left;
}
</style></head><body>
<ul class="nav">
<li><a class="on" href="#">首 頁</a></li>
<li><a href="#">新聞快訊</a></li>
<li><a href="#">產品展示</a></li>
<li><a href="#">售后服務</a></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</pre>
