最新酷炫无边框网站通用的文字广告代码

最新酷炫无边框网站通用的文字广告代码

好玩代码乐乐2020-02-21 0:15:4612271A+A-

最新酷炫无边框网站通用的文字广告代码-第1张图片-零零娱乐网


这个文字广告代码是所有网站通用的,去掉了方框,看着是不是好多了呢,把它放到你想让它出现的位置即可,文字的行数,列数都是可以修改的,解压代码,记事本进行修改,不要太死板了哦

<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="#" 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_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="#" 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_5">
		<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_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>


点击这里复制本文地址 以上内容由零零娱乐网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
  • 1条评论
  • 访客2020-03-05 23:16:29
  • 能不能给我有边框的

支持Ctrl+Enter提交
qrcode

零零娱乐网 © All Rights Reserved.  

本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

投稿/侵权投诉邮箱:563161067@qq.com 商务合作QQ:563161067

备案:豫ICP备18019668号
联系我们| 网站地图| 留言建议| 网站管理| Hosted BY 云开发 Cloudbase

天气预报QQ客服留言评论用户中心返回顶部