双列自适应广告代码可横幅可文字

广告代码

<div class="ad">
<!--图片横幅广告-->
<a href="https://aizhancloud.com/" target="_blank" rel="nofollow"><img src="https://www.qfya.com/图片地址"></a>
<!--自适应文字广告-->
<li><a href="https://aizhancloud.com/ target="_blank" style="line-height:60px;height:60px;color:#fff;background:#01AAED;text-align:center;font-size:24px;">广告招商 虚位以待</a></li>
<li><a href="https://aizhancloud.com/ target="_blank" style="line-height:60px;height:60px;color:#fff;background:#2F4056;text-align:center;font-size:24px;">广告招商 虚位以待</a></li>
</div>
<style>
/**广告位**/
.ad{background:#fff;overflow:hidden;clear:both;margin: 10px 5px;padding:8px;border-radius: 6px;}
.ad a{margin:5px;display:block;border-radius:3px;}
.ad img{max-width:100%;}
.ad li{float:left;width:50%;}
@media(max-width:999px) {
.ad{margin: 0 0 10px 0;}
.ad li{width:100%;}
}
</style>
双列自适应广告代码可横幅可文字-清风博客
温馨提示:本文最后更新于2021-06-25 23:25:06,某些文章具有时效性,若有错误或已失效,请在下方留言或联系清风#
© 版权声明
THE END
文章不错?点个赞呗!
点赞543 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容