网站首页 >> 网站源码 >> 正文

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

作者:一枚小杰克   时间:2022-09-06 07:47:04   浏览:974  

双列自适应 广告代码 可横幅 可文字 代码分享,好久好久之前发布在其他已出售的网站上的,因原网站代码失效,所以重新发一次,方便小伙伴们使用。

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

HTML代码:

您好,你需要登录本站账号后才能查看隐藏内容哦,请先 登录 才能查看哦!

CSS代码:

/**广告位CSS**/
.ad {
    background: #fff;
    overflow: hidden;
    clear: both;
    margin: 10px 0 0;
    padding: 8px;
}

.ad img {
    max-width: 100%;
}

.ad .text-ad {
    width: 50%;
}

.ad .text-ad a {
    margin: 6px 0 0;
    display: block;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.zuo {
    float: left;
}

.you {
    float: right;
}

@media(max-width:999px) {
    .ad .text-ad {
        width: 100%;
    }
}

本文标签: 广告代码  文字广告  图片广告 
一枚小杰克

一枚小杰克 https://lkba.cn

博主专注于Z-BLOG网站搭建、网站优化以及电脑故障排查、重装、优化、维修系统等,QQ/WX:2126245521(请注明来意)

相关文章

上一篇:

下一篇:

本文暂无评论 - 欢迎您

请填写验证码

Processed : 0.066 SQL : 25