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

0631

一个好看自适应的文字广告位代码，如果不需要太多位置可适当删减代码。需要的拿~

自适应资源网站文字广告位代码
  • CSS
  • HTML
    •   .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%;
    }
  }
                <div class="tp-ad-text1">
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
            </div>

    代码

    <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://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
                <a href="https://blog.beicb.top/" title="广告位/10/月" target="_blank">广告位/10/月</a>
            </div>
    温馨提示：本文最后更新于2024-09-26 03:21:49，某些文章具有时效性，若有错误或已失效，请在下方留言或联系雅幽资源网。
    ------本页内容已结束，喜欢请分享------

    感谢您的来访，获取更多精彩文章请收藏本站。

    © 版权声明

    本站收集的资源仅供内部学习研究软件设计思想和原理使用，学习研究后请自觉删除，请勿传播，因未及时删除所造成的任何后果责任自负。

    如果用于其他用途，请购买正版支持作者，谢谢！若您认为「BLOG.BEICB.TOP」发布的内容若侵犯到您的权益，请联系站长邮箱:1026866560@qq.com 进行删除处理。

    本站资源大多存储在云盘，如发现链接失效，请联系我们，我们会第一时间更新。
    文章版权归作者所有，未经允许请勿转载。
    THE END
    WordPress建站笔记
    # WordPress# 子比# 广告代码
    喜欢就支持一下吧
    点赞1 分享
    雅幽的头像-雅幽资源网
    植物大战僵尸杂交版（V2.2|赠修改器+防闪退+|绿色免安装游戏|简体中文）-雅幽资源网
    植物大战僵尸杂交版（V2.2|赠修改器+防闪退+|绿色免安装游戏|简体中文）
    植物大战僵尸杂交版（V2.2|赠修改器+防闪退+|绿色免安装游戏|简体中...
    5个月前 559
    每日资源更新汇总-雅幽资源网
    每日资源更新汇总
    每日资源更新汇总
    1个月前 417
    号卡平台代理开户-流量卡代理业务魅力无限-每单佣金高达180-雅幽资源网
    号卡平台代理开户-流量卡代理业务魅力无限-每单佣金高达180
    号卡平台代理开户-流量卡代理业务魅力无限-每单佣金高达180
    5个月前 237
    <font color=#FF0000>持续更新</font>三大运营商丨分省流量卡合集，本省卡才是王道！快看看有没有你的省份-雅幽资源网
    持续更新三大运营商丨分省流量卡合集，本省卡才是王道！快看看有没有你的省份
    持续更新三大运营商丨分省流量卡合集，...
    2个月前 212
    多个网盘拉新项目夸克网盘怎样赚钱？保姆级操作教程，看完就能操作-雅幽资源网
    多个网盘拉新项目夸克网盘怎样赚钱？保姆级操作教程，看完就能操作
    多个网盘拉新项目夸克网盘怎样赚钱？保姆级操作教程，看完就能操作
    2个月前 168
    分享一段漂亮的文字广告AD代码-雅幽资源网
    分享一段漂亮的文字广告AD代码
    分享一段漂亮的文字广告AD代码
    2个月前 159
    相关推荐
    分享一段漂亮的文字广告AD代码-雅幽资源网
    分享一段漂亮的文字广告AD代码
    分享一段漂亮的文字广告AD代码
    2个月前 159
    子比主题美化--WordPress设置网站动态标题-雅幽资源网
    子比主题美化--WordPress设置网站动态标题
    子比主题美化--WordPress设置网站动态标题
    5个月前 127
    WordPress给全站左侧添加联系站长按钮 - 子比主题美化-雅幽资源网
    WordPress给全站左侧添加联系站长按钮 - 子比主题美化
    WordPress给全站左侧添加联系站长按钮 - 子比主题美化
    3个月前 86
    网站复制文字透明弹窗提示-雅幽资源网
    网站复制文字透明弹窗提示
    网站复制文字透明弹窗提示
    6个月前 79
    WordPress精美的侧边栏在线征稿小工具 - 两种样式-雅幽资源网
    WordPress精美的侧边栏在线征稿小工具 - 两种样式
    WordPress精美的侧边栏在线征稿小工具 - 两种样式
    3个月前 78
    zibll子比主题开心版-V7.8最新版2024完美破解授权可用（含教程）-雅幽资源网
    zibll子比主题开心版-V7.8最新版2024完美破解授权可用（含教程）
    zibll子比主题开心版-V7.8最新版2024完美破解授权可用（含教程）
    3个月前 74
    评论 抢沙发

    请登录后发表评论

      请登录后查看评论内容

    默认头像
    新年
    新年快乐喜迎新年
    2024年12月31日
    %
    月
    天
    日历
    • 一
    • 二
    • 三
    • 四
    • 五
    • 六
    • 日
      植物大战僵尸杂交版（V2.2|赠修改器+防闪退+|绿色免安装游戏|简体中文）-雅幽资源网
      23人点赞
      植物大战僵尸杂交版（V2.2|赠修改器+防闪退+|绿色免安装游戏|简体中...
      TOP1
      每日资源更新汇总-雅幽资源网
      每日资源更新汇总
      1个月前10人点赞
      TOP2
      B站视频下载工具-哔哩下载姬-支持B站番剧电影视频-雅幽资源网
      B站视频下载工具-哔哩下载姬-支持B站番剧电影视频
      5个月前6人点赞
      TOP3
      网站复制文字透明弹窗提示-雅幽资源网
      网站复制文字透明弹窗提示
      6个月前6人点赞
      TOP4
      4DDiG Duplicate File Deleter 2.5.6版本 非常好用的重复文件查找（单文件版）-雅幽资源网
      4DDiG Duplicate File Deleter 2.5.6版本 非常好用的重复文件查找（单文件版）
      5个月前5人点赞
      TOP5
      移动（全国）、联通、电信 营运商官方防骚扰电话屏蔽功能免费开通方法教程-雅幽资源网
      移动（全国）、联通、电信 营运商官方防骚扰电话屏蔽功能免费开通方法教程
      3个月前4人点赞
      TOP6

      网站信息统计

      • 文章总数：486 篇
      • 评论数目：14 条
      • 标签总数：504 个
      • 浏览次数：25098 次
      • 友链总数：4 个
      • 我的朋友：26 位
      • 运行天数：1420 天
      • 建站时间：2021-01-01
      • 最后更新：2024-11-21
      • 数据查询：25 次
      • 生成耗时：1.65233秒
      标签云
      修改版WordPress子比美化实用工具子比小工具谷歌版子比主题视频编辑剪辑PDF自定义文件管理照片编辑影视清理垃圾文件清理视频PS美颜相机手机阅读浏览器清理手机内存Word