代码使用指南

您所在的位置:网站首页 建站相关 代码使用指南  

列表样式-文字暗底色+文字

2016-9-28|发布:合元网络|点击数: 1160

<div class="module cl ml">
<ul>
[loop]
<li style="margin: 10px; position:relative;width:145px;height:100px; ">
<a href="{url}"{target}><img src="{pic}" width="145px" height="100px" alt="{title}" /></a>
<div style="position:absolute; width:100%; margin: 0px ; height:30px;z-indent:2;right:0px;bottom:0px;">
  <div><img src="static/image/common/alpha40.png" width="100%" height="30"></div>
</div>
<p style="position:absolute;z-indent:2; left:50;bottom:10px;"><a href="{url}" title="{title}"{target}><font color="#FFFFFF">{title}</font></a></p>
</li>
[/loop]
</ul>
</div>

css 改成这样

/* 图片列表 */
.ml {}
.ml li { float: left; padding: 0 0px 0px; text-align: center; overflow: hidden; }
.ml img { display: block; margin: 0 auto; }

 

 

上一篇:列表循环样式一
分享到:
CopyRight 2012-2017 合元网络 版权所有
公司地址:郑州市高新区升龙又一城A区2号楼2单元17楼 热线电话:15303843903 技术QQ:1808040020 微 信:15303843903 豫ICP备14027215号