本文最后更新于2019-10-22 ,已超过 1个月没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

网站添加多彩文字广告通用源码

小虫 2019年10月22日10:58:38 评论 121

网站添加多彩文字广告通用源码

以下源码添加到需要的地方即可:

<style>
	.tp_advertising{
		width: 100%;
		display: flex;
		justify-content: space-between;
		background: #fff;
		position: relative;
		box-shadow: 0 0 3px rgba(0,0,0,.2);
	}
	.tp_advertising p{
		color: #fff;
		font-size: 14px;
		line-height: 22px;
		background: #6F8EC5;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 8px;
	    border-top-left-radius: 10px;
	    opacity: .3;
	}
	.tp_advertising div{
		width: 16.66%;
		position: relative;
		z-index: 1;
	}
	.tp_advertising a{
		font-size: 12px;
		line-height: 22px;
		text-align: center;
		display: block;
		text-decoration: none;
		white-space:nowrap;
	}
	.tp_advertising a:hover{
		font-weight: bold;
		font-size: 14px;
		text-shadow: 0px 0px 1px rgba(0,0,0,.5);
	}
	.tp_1 a{
		color: #FF0033;
	}
	.tp_2 a{
		color: #9400D3;
	}
	.tp_3 a{
		color: #00BFFF;
	}
	.tp_4 a{
		color: #FF1493;
	}
	.tp_5 a{
		color: #FF4500;
	}
	.tp_6 a{
		color: #5fb878;
	}
</style>
<div class="tp_advertising">
	<p>广告</p>
	<div class="tp_1">
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
	</div>
	<div class="tp_2">
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
	</div>
	<div class="tp_3">
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
	</div>
	<div class="tp_4">
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
	</div>
	<div class="tp_5">
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
		<a href="https://www.xcsos.cn/" target="_blank">小虫博客</a>
	</div>
	<div class="tp_6">
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
		<a href="#" target="_blank">广告招租</a>
	</div>
</div>

 

  • VIP群
  • 群内资源每天更新
  • weinxin
  • 我的微信公众号
  • 影视免费在线观看
  • weinxin
会员注册
小虫

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: