当前位置:编程学习 > C#/ASP.NET >>

div+css 如何做个圆角导航条

<div id="nav">
     <ul>
         <li><a href="http://www.zhishagongyi.com">首页丨</a></li>
         <li><a href="http://www.zhishagongyi.com/posuiji.html">产品中心丨</a></li>
<li><a href="http://www.zhishagongyi.com/cg/index.html">成功案例丨</a></li>
<li><a href="http://www.zhishagongyi.com/posuiji2/yifan.html">一帆印象丨</a></li>
<li><a href="http://www.zhishagongyi.com/xinwen/index.html">新闻中心丨</a></li>
<li><a href="http://www.zhishagongyi.com/posuiji2/fuwu.html">服务中心丨</a></li>
<li><a href="http://www.zhishagongyi.com/posuiji2/lianxi.html">联系我们丨</a></li>
<li><a href="http://www.zhishagongyi.com/posuiji2/liuyan.html">留言板丨</a></li>
<li><a href="http://www.zhishagongyi.com/posuiji2/rencai.html">人才招聘</a></li>
     </ul>
</div>  --------------------编程问答-------------------- 两个图片 要么四个图片! --------------------编程问答-------------------- 这个功能理解了一点不难
你这种结构要至少用2张图片,如果中间的用图片则至少3张,2张是上下带圆角的图片,另外一张是中间填充的图片。
外层div背景图片设置为right center,放在右边,ul的背景放置在左边,中间用li平铺或设置背景颜色。
--------------------编程问答--------------------   建议把图片做成一张!
   要不然 你在页面跳转的时候会看到 页面底色! --------------------编程问答-------------------- 反正用图片去当背景就行了,剩下的就是设置样式了 --------------------编程问答-------------------- Quote=引用 2 楼 gs8716 的回复:]
这个功能理解了一点不难
你这种结构要至少用2张图片,如果中间的用图片则至少3张,2张是上下带圆角的图片,另外一张是中间填充的图片。
外层div背景图片设置为right center,放在右边,ul的背景放置在左边,中间用li平铺或设置背景颜色。
[/Quote]

up --------------------编程问答-------------------- 使用背景图片
CSS制作圆角导航
--------------------编程问答-------------------- 如果是CSS3就简单了 --------------------编程问答-------------------- 是的啊,用背景图片做,最省事。要不然,若用代码实现,太麻烦了,并且画面又生硬 --------------------编程问答--------------------    div  +  css 的整体布局的布局,好好学学
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,