简介: 广告代码:<div class="ad">     <!--图片横幅广告-->   

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

广告代码:

<div class="ad">
    <!--图片横幅广告-->
    <a href="https://aizhancloud.com/" target="_blank" rel="nofollow"><img src="图片地址"></a>
    <!--自适应文字广告-->
    <li><a href="https://aizhancloud.com/ target=" _blank" style="background:#01AAED;">广告招商虚位以待</a></li>
    <li><a href="https://aizhancloud.com/ target=" _blank" style="background:#2F4056;">广告招商虚位以待</a></li>
</div>

<style>
    /**广告位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 li {
        float: left;
        width: 50%;
    }

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

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

        .ad li {
            width: 100%;
        }
    }
</style>

喜欢的自己拿去用吧,还有想设置更多样式的可以联系爱站云付费进行操作哟!

本文标签: 广告   广告招商   网站关键词  

温馨提示:本文是作者 爱站云 的原创文章,转载请注明出处和附带本文链接!

网友点评

本文暂无评论 - 欢迎您

您好,请先 QQ登录 后进行评论,如您已登录账户,请点击 刷新页面 再进行评论!

⎛⎝爱站云⎠⎞

⎛⎝爱站云⎠⎞

AiZhanCloud.Com

爱站云专注ZBLOG建站领域,分享个人所得技术,用心做好个人博客,喜欢的小伙伴就关注我吧!
«    2022年1月    »
12
3456789
10111213141516
17181920212223
24252627282930
31
最新留言
文章归档
标签列表

Powered By Z-BlogPHP Theme By 爱站云

sitemap鲁ICP备18014478号-8后花园

免责声明:本博客所展示内容均为互联网技术教程分享,如有侵权等违规信息请联系QQ客服进行删除处理,谢谢配合!

切换白天模式 切换夜间模式 白天返回顶部 夜间返回顶部