<style type="text/css>
#menu a{display:blockfloat:left}
</style>
图标放在一个div里,在css里相应设置宽度,高度。在html里写<body><div id="tubiao"></div></body>
在里css写
#tubiao
{
width:50px /*宽度设为图标的宽度*/
height:300px/*高度设成你想添加的图标的总高度*/
float:left
}
做两层DIV,嵌套如下:<div 背景设置成你的横背景,位置是剧中置顶(top center)>
<div 背景是你的横向背景,使用一张从上到下,从透明到白渐变的png图片,横向平铺 ></div>
</div>
=========
另外,这样的设计有一定的浏览器兼容问题。半透明PNG在IE上支持的不好,所以建议你修改设计,把两层背景切到同一张图片上,并且控制前面内容的数量和位置。
还有任何问题欢迎随时联系。