HTML自适应资源网站文字广告位代码

截图展示

HTML自适应资源网站文字广告位代码

GIF展示

HTML自适应资源网站文字广告位代码

实例展示

源码

<style type="text/css">
        .tp-ad-text1 {
                width: 100%;
                padding-top: 6px;
                box-sizing: border-box;
                overflow: hidden;
                background: rgba(255, 255, 255, .2);
        }

        .tp-ad-text1 a {
                color: #7fba00;
                font-size: 14px;
                line-height: 38px;
                text-align: center;
                border: 1px dashed rgba(0, 0, 0, .2);
                padding: 0 3px;
                box-sizing: border-box;
                float: left;
                width: 11.5%;
                height: 38px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 0 0.5% 6px;
                text-decoration: none;
                transition: all .6s;
        }

        .tp-ad-text1 a:hover {
                font-weight: bold;
                color: #fff !important;
                background: #7fba00;
                transition: all .6s;
        }

        .tp-ad-text1 a:nth-child(2n) {
                color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(2n):hover {
                background: #f74e1e;
                border-color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(3n) {
                color: #00a4ef;
        }

        .tp-ad-text1 a:nth-child(3n):hover {
                background: #00a4ef;
                border-color: #00a4ef;
        }

        .tp-ad-text1 a:nth-child(4n) {
                color: #0517c2;
        }

        .tp-ad-text1 a:nth-child(4n):hover {
                background: #0517c2;
                border-color: #0517c2;
        }

        .tp-ad-text1 a:nth-child(5n) {
                color: #601165;
        }

        .tp-ad-text1 a:nth-child(5n):hover {
                background: #601165;
                border-color: #601165;
        }

        .tp-ad-text1 a:nth-child(6n) {
                color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(6n):hover {
                background: #ffb900;
                border-color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(7n) {
                color: #0fc317;
        }

        .tp-ad-text1 a:nth-child(7n):hover {
                background: #0fc317;
                border-color: #0fc317;
        }

        .tp-ad-text1 a:nth-child(8n) {
                color: #601165;
        }

        .tp-ad-text1 a:nth-child(8n):hover {
                background: #601165;
                border-color: #601165;
        }

        .tp-ad-text1 a:nth-child(9n) {
                color: #fba78f;
        }

        .tp-ad-text1 a:nth-child(9n):hover {
                background: #fba78f;
                border-color: #fba78f;
        }

        .tp-ad-text1 a:nth-child(10n) {
                color: #13cf8f;
        }

        .tp-ad-text1 a:nth-child(10n):hover {
                background: #13cf8f;
                border-color: #13cf8f;
        }

        .tp-ad-text1 a:nth-child(11n) {
                color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(11n):hover {
                background: #f74e1e;
                border-color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(12n) {
                color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(12n):hover {
                background: #ffb900;
                border-color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(13n) {
                color: #fba78f;
        }

        .tp-ad-text1 a:nth-child(13n):hover {
                background: #fba78f;
                border-color: #fba78f;
        }

        .tp-ad-text1 a:nth-child(14n) {
                color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(14n):hover {
                background: #f74e1e;
                border-color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(15n) {
                color: #7fba00;
        }

        .tp-ad-text1 a:nth-child(15n):hover {
                background: #7fba00;
                border-color: #7fba00;
        }

        .tp-ad-text1 a:nth-child(16n) {
                color: #0fc317;
        }

        .tp-ad-text1 a:nth-child(16n):hover {
                background: #0fc317;
                border-color: #0fc317;
        }

        .tp-ad-text1 a:nth-child(17n) {
                color: #0517c2;
        }

        .tp-ad-text1 a:nth-child(17n):hover {
                background: #0517c2;
                border-color: #0517c2;
        }

        .tp-ad-text1 a:nth-child(18n) {
                color: #13cf8f;
        }

        .tp-ad-text1 a:nth-child(18n):hover {
                background: #13cf8f;
                border-color: #13cf8f;
        }

        .tp-ad-text1 a:nth-child(19n) {
                color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(19n):hover {
                background: #ffb900;
                border-color: #ffb900;
        }

        .tp-ad-text1 a:nth-child(20n) {
                color: #f74e1e;
        }

        .tp-ad-text1 a:nth-child(20n):hover {
                background: #f74e1e;
                border-color: #f74e1e;
        }

        @media screen and (max-width: 1198px) {
                .tp-ad-text1 a {
                        width: 24%;
                }
        }
</style>
<div class="tp-ad-text1">
        <a href="https://frucore.com/_" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">同款网站搭建</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank" title="同款网站搭建" target="_blank">同款网站搭建</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="同款网站搭建" target="_blank">同款网站搭建</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
        <a href="https://frucore.com/" title="广告位/10/月" target="_blank">广告位/10/月</a>
</div>

网站VIP可以享受蓝奏云、123网盘、百度网盘等网盘提供的下载链接以及专属微信VIP群服务。

这些信息可能会帮助到你: 下载帮助 |  报毒说明 |  侵权删除

修改版本安卓软件,加群提示为修改者自留,非本站信息,注意鉴别

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年10月14日
下一篇 2023年10月16日

相关推荐

发表回复

登录后才能评论
松子软件终身黄金会员年底限时特惠!赞助活动价65元!限时!限时!限时特惠!   ☛ 点此跳转