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

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

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代码复制后放置需要展示的地方，然后更换图片与广告链接即可，需要几行广告复制几行即可！

感谢您的来访，获取更多精彩文章请收藏本站。