关于ASP.NET 网页设计menu控件
2个回答
展开全部
菜单的样式需要自己编写的,这个导航漂亮就漂亮在背景图片上面,你可以直接把背景图片另存至本地然后用任意图片处理工具将图片宽度切成1~5px,高度保持不变后用css属性background:url(背景图片路径) repeat-x;让这张宽度1~5px的图片设置成为原素背景;言语描述略有涩涩难懂,下面简单实现代码给你参考:
假设:菜单导航背景总宽800px高30px,你上图的背景图片名为bg-1.jpg,图片存放位置在根目录。
<style>.item{float:left;height:30px;font-size:12px;color:#fff;width:90px;}</style>
<div style="width:800px;background:url('/bg-1.jpg') repeat-x;">
<a class="item">首页</a> |
<a class="item">全部产品</a> |
<a class="item">宣纸试用</a> |
<a class="item">书法学堂</a> |
<a class="item">品牌介绍</a> |
<a class="item">了解宣纸</a> |
</div>
:-)
假设:菜单导航背景总宽800px高30px,你上图的背景图片名为bg-1.jpg,图片存放位置在根目录。
<style>.item{float:left;height:30px;font-size:12px;color:#fff;width:90px;}</style>
<div style="width:800px;background:url('/bg-1.jpg') repeat-x;">
<a class="item">首页</a> |
<a class="item">全部产品</a> |
<a class="item">宣纸试用</a> |
<a class="item">书法学堂</a> |
<a class="item">品牌介绍</a> |
<a class="item">了解宣纸</a> |
</div>
:-)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询