水平導覽列-基本款 寬度隨內容調整


<style type="text/css">
#nav ul {
width: 100%;
 text-align:center;
}
#nav ul li {
display: inline;
}
#nav  ul li, #nav  ul li a {
color: #FFF;
}
#nav  ul li a:hover {
color: #000;
text-decoration: none;
background-color: #c79664;
}
</style>


<!-- html 語法 -->

<div id="nav">

      <ul>
     
        <li><a href="連結網址或檔案">選單1</a>　｜　</li>

        <li><a href="連結網址或檔案">選單22</a>　｜　</li>

        <li><a href="連結網址或檔案">選單333</a>　｜　</li>

        <li><a href="連結網址或檔案">選單4444</a></li>

  </ul>

</div>