这是css
.lefttop{width:200px;float:left;height:1150px;}
.lefttop li{width:190px;height:12px;font:12px/12px 宋体,仿宋; text-align:left; margin-top:20px;text-indent:40px;}
.lefttop li a{margin-left:10px; }
这是div
<ul>
<li ><span>造粒机设备</span></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=平膜造粒机.html><b>平模造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=转鼓造粒机.html><b>转鼓造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=圆盘造粒机.html><b>圆盘造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=压球造粒机.html><b>压球造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=对辊挤压造粒机.html><b>对辊挤压造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=喷浆造粒干燥机.html><b>喷浆造粒干燥机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=有机肥球形颗粒机.html><b>有机肥球形颗粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=新型有机肥造粒机.html><b>新型有机肥造粒机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=尿基喷浆造粒系统.html><b>尿基喷浆造粒系统</b></a></li>
<li ><span>有机肥成套设备</span></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=配方肥设备.html><b>配方肥设备</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=胶带输送机.html><b>胶带输送机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=滚筒筛分机.html><b>滚筒筛分机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=斗式提升机.html><b>斗式提升机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=称重给料机.html><b>称重给料机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=盘式搅拌机.html><b>盘式搅拌机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=卧式搅拌机.html><b>卧式搅拌机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=称重给料机.html><b>称重给料机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=网带烘干机.html><b>网带烘干机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=粪便处理机.html><b>粪便处理机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=电脑定量包装秤.html><b>定量包装秤</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=煤气发生器.html><b>煤气发生器</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=槽式翻抛机.html><b>槽式翻抛机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=超细磨粉机.html><b>超细磨粉机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=ZYDB-1000.html><b>ZYDB-1000</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=BB肥生产线.html><b>BB肥生产线</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=有机肥生产线.html><b>有机肥生产线</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=复合肥生产线.html><b>复合肥生产线</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=有机肥烘干机.html><b>有机肥烘干机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=回转式包膜机.html><b>回转式包膜机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=BB肥掺混设备.html><b>BB肥掺混设备</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=堆肥发酵翻堆机.html><b>堆肥发酵翻堆机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=双轴混合(搅拌)机.html><b>双轴混合(搅拌)机</b></a></li>
<li ><span>粉碎机设备</span></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=笼式粉碎机.html><b>笼式粉碎机</b></a></li>
<li ><img src=images/2@@@@@/hhhhhh.jpg /><a href=链式粉碎机.html><b>链式粉碎机</b></a></li>
</ul>
方法有很多!最简单的就是把图片做成png格式然后在图片中箭头放在图片中靠右边,图片左边留白多一点!还有就是把li标签宽缩小点就好!
- 相关评论
- 我要评论
-