最新公告
  • 欢迎您光临浪杉博客,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 酷炫无边框网站通用的文字广告代码插图

    该文字广告代码是所有网站通用的,去掉了方框,看着是不是好多了呢,把它放到你想让它出现的位置即可,文字的行数,列数都是可以修改的。

    <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>

    本文链接:https://www.ttccl.com/704.html

    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!byzps@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    浪杉博客 » 酷炫无边框网站通用的文字广告代码