图片广告位代码 单排长图广告与双排图片广告代码

效果如图所示，适应手机端！

HTML代码如下

<div class=\"tp-ads\"><div class=\"tp-ads-list\"><a href=\"http://www.yonghengzy.cn/\" target=\"_blank\" title=\"\" alt=\"\"><img src=\"http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png\" alt=\"\"></a></div><div class=\"tp-ads-list tp-ads-flex\"><a href=\"http://www.yonghengzy.cn/\" target=\"_blank\" title=\"\" alt=\"\"><img src=\"http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png\" alt=\"\"></a><a href=\"http://www.qzhan.vip/\" target=\"_blank\" title=\"\" alt=\"\"><img src=\"http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png\" alt=\"\"></a></div><div class=\"tp-ads-list tp-ads-flex\"><a href=\"http://www.yonghengzy.cn/\" target=\"_blank\" title=\"\" alt=\"\"><img src=\"http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png\" alt=\"\"></a><a href=\"http://www.qzhan.vip/\" target=\"_blank\" title=\"\" alt=\"\"><img src=\"http://img.yonghengzy.cn/wp-content/uploads/2019/06/14081549780.png\" alt=\"\"></a></div></div>

CSS代码如下

<style type=\"text/css\">  .tp-ads {width:100%;margin-top:6px;}.tp-ads-list {width:100%;}.tp-ads-list a {display:block;width:100%;}.tp-ads-list img {width:100%;height:70px;margin:4px 0;}.tp-ads-flex {display:flex;align-items:center;justify-content:space-between;}.tp-ads-flex a {width:49.8%;}@media screen and (max-width:1000px) {.tp-ads-list img {width:100%;height:25px;}}</style>

使用方法：将HTML和CSS代码复制后放置需要展示的地方，然后更换图片与广告链接即可，需要几行广告复制几行即可！

声明：
1.本站部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责。
2.若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。
3.如果本站有侵犯、不妥之处的资源，请联系我们。将会第一时间解决！
4.本站部分内容均由互联网收集整理，仅供大家参考、学习，不存在任何商业目的与商业用途。
5.本站提供的所有资源仅供参考学习使用，版权归原著所有，禁止下载本站资源参与任何商业和非法行为，请于24小时之内删除!