【本站通知】:推荐站点30元/月 顶部三栏广告80一个月,买一个月送一个月,其他广告位请联系QQ客服☞ 点击这里给我发消息 欢迎加入站长之家官方QQ交流群
爱站云低价服务器
高流量 图文广告位出售
高流量 图文广告位出售

网站首页 爱站云资源网 技术教程 正文

爱站云彩色好看自适应文字代码

爱站云 2019-03-04 技术教程 2 评论 查看百度收录

前台样式:

image.png

文字代码

<div class="txtguanggao">
            <a href="#1" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#2" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#3" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#4" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#5" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#6" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#7" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#8" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#9" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#10" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#11" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#12" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#13" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#14" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#15" target="_blank" class="dh">超低价文字广告位</a>
			<a href="#16" target="_blank" class="dh">超低价文字广告位</a>
</div>

CSS代码:

/**新增文字广告**/
.txtguanggao{
    width: 100%;
    overflow: hidden;
    display: block;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.txtguanggao a{
    width: 24.55%;
    float: left;
    border-radius: 2px;
    line-height: 35.35px;
    height: 35.35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: rgb(255, 153, 159);
    margin: 2.5px;
    transition-duration: .3s;
}
.txtguanggao a:nth-child(3n+1) {
    background-color: #5fb878;
}
.txtguanggao a:nth-child(3n+2) {
    background-color: #01AAED;
}
.txtguanggao a:nth-child(4) {
    background-color: #2F4056;
}
.txtguanggao a:nth-child(5) {
    background-color: #2F4056;
}
.txtguanggao a:nth-child(12) {
    background-color: #2F4056;
}
.txtguanggao a:nth-child(13) {
    background-color: #2F4056;
}
.txtguanggao a:nth-child(20) {
    background-color: #2F4056;
}
.txtguanggao a:hover{
	background:#FF2805;color:#FFF
}
@media screen and (max-width: 1200px) {
.txtguanggao a{
    width: 24.48%;
    float: left;
    border-radius: 2px;
    line-height: 35.35px;
    height: 35.35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: rgb(255, 153, 159);
    margin: 2.5px;
    transition-duration: .3s;
}
}
@media screen and (max-width: 768px) {
.txtguanggao a{
    width: 48.5%;
    float: left;
    border-radius: 2px;
    line-height: 35.35px;
    height: 35.35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background-color: rgb(255, 153, 159);
    margin: 2.5px;
    transition-duration: .3s;
  }

爱站云文字广告  一排50元  一排4个 仅4排 先到先得哦 QQ207385345


猜你喜欢

已有2位网友发表了看法:

欢迎 发表评论:


温馨提示:(登陆后才可以评论哦!点我QQ登录哦,若已登录请忽略)。
搜索
标签列表
关于我们
本人提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
联系我们:给我发QQ消息  加入QQ群

ABOUT US

爱站云网络科技有限公司成立于2017年
创始人:Johnny Kun 由95后的小青年创建
目前公司服务于云计算、网站建设、SEO优化等
团队成员平均3年以上从业经验,核心团队正在不断扩展。

Contact information

QQ:207385345
Phone:15684092120
E-mail:kf@heikw.com
Website:www.heikw.cn

爱站云博客

Copyright © 2016-2018 www.heikw.cn Reserved.备案号:鲁ICP备16035655号

本站采用 Z-BLOG 核心程序 感谢 爱站云 赞助北京云服务器

爱站云安全认证