关于圆角导航制作

 先说下做圆角导航几种方法：

1. 直接切一个大背景
2. 切三个图片，中间一个，两边两个

现在分析一下这两种方法：

　第一种：     

　　这是最笨的方法，暂不讨论它

　第二种：

　　说到第二种，传统方法会把可以重复的背景设为导航背景，左右两个图片，浮动,( 这样布局很容易出问题，还要写一些heak，这种方法缺点第一繁琐，第二css重复)

　　为了解决这种问题，我们把三个图片都设为背景图片，则很少会出现变形问题，例如：

#nav{ margin-bottom:10px;}
.navBg{ background:url(../images/navBg.jpg) repeat-x;}
.navBg .navBgL{ background: url(../images/navLeft.jpg) no-repeat left top;}
.navBg .navBgR{ background: url(../images/navRight.jpg) no-repeat right top;}

<div id="nav">

<div class="navBg"><div class="navBgL"><div class="navBgR">
                <ul>      
                <li><a href="#" >Home</a></li>
                <li><a href="#" >About us </a></li>
                <li><a href="#" >Products</a></li>
                <li><a href="#" >Factory</a></li>
                <li><a href="#" >Order</a></li>
                <li><a href="#" >Contact us</a></li>
                </ul>
               
</div></div></div>

</div>