Jack个人作品

Jack个人作品

Jack博客展示所有ZBLOG主题/插件应用等个人作品,联系QQ2126245521进行咨询。

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

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

作者:墨雨婷   时间:2022年09月06日07:47:04   浏览:132  

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

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

HTML代码:

您好,你需要登录本站账号后才能查看隐藏内容哦,请先 登录 才能查看哦,若不是会员请先 注册

CSS代码:

/**广告位CSS**/
.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 .text-ad {
    width: 50%;
}

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

.zuo {
    float: left;
}

.you {
    float: right;
}

@media(max-width:999px) {
    .ad {
        margin: 0 0 10px 0;
    }

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

本文标签: 广告代码  文字广告  图片广告 

上一篇:

下一篇:

本文暂无评论 - 欢迎您

请填写验证码

服务器开销巨大,逐渐承受不起,用您发财的小手,点击一下下方广告可以吗?麻烦您啦,广告为谷歌联盟,广告内容请自行判断以免上当受骗。

Processed : 0.088 SQL : 14

请先 登录 再评论,若不是会员请先 注册