块状渐变文字广告美化版

最近闲的没事干,简单弄了这个文字广告代码分享给大家,列数为5列,行数不限制,反正五个五个加,你想放多少行(hang)都行(xing)。

效果预览

块状渐变文字广告美化版-狐狸库

文字广告代码分别一小块一小块的,背景渐变,滑过时,背景会进行相反渐变,文字加阴影效果,总体来说还是很美观的呀。

<div class="text-block">
	<a target="_blank" href="https://huliku.com">
		<div>
			<p>狐狸库</p>
			<p>点击访问</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>狐狸库</p>
			<p>点击访问</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>狐狸库</p>
			<p>点击访问</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>狐狸库</p>
			<p>点击访问</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>狐狸库</p>
			<p>点击访问</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>广告招租</p>
			<p>点击咨询</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>广告招租</p>
			<p>点击咨询</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>广告招租</p>
			<p>点击咨询</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>广告招租</p>
			<p>点击咨询</p>
		</div>
	</a>
	<a target="_blank" href="javascript:;">
		<div>
			<p>广告招租</p>
			<p>点击咨询</p>
		</div>
	</a>
</div>

每个广告代码里有两行文字,上面为广告文字,下面是点击访问或者点击咨询,不解释了,应该都明白。

温馨提示: 本文最后更新于2023/09/05 01:39:21若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
块状渐变文字广告美化版-狐狸库
块状渐变文字广告美化版
此内容为付费阅读,请付费后查看
100积分
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
付费阅读
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容