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

最近闲的没事干，简单弄了这个文字广告代码分享给大家，列数为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。若文章内容或图片失效，请留言或联系站长反馈！