新闻中心 网络推广 技术文档

用CSS做描边文字特效

时间:2023-05-30   来源:本站

QQ截图20230530174837.jpg

不知道有没有人喜欢这效果,实际上直接用CSS就可以实现的。

<div class="txt-border">
		 我爱你,中国
	</div>
	
以下是CSS

html{
		background: #000;
	}
		 .txt-border{
		 	font-weight: bold;
		 	font-size: 80px;
		 	background: transparent;		 	
    		-webkit-text-stroke: 1px #fff;
		 }	


又或者反过来颜色:

QQ截图20230530175504.jpg

html{
		background: #FFF;
	}
		 .txt-border{
		 	font-weight: bold;
		 	color: #fff; /******加多文字颜色*****/
		 	font-size: 80px;
		 	background: transparent;		 	
    		-webkit-text-stroke: 1px #000;
		 }


新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

jq实现鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。
jq实现鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。

如何用JQ实现:鼠标往下滚动页面,导航消失,往上滚动页面,导航显示。废话不多说,直接上代码:<script...

解决HTML5的video视频标签不自动播放JS方法
解决HTML5的video视频标签不自动播放JS方法

先说问题:在做一个网站的时候,在电脑上测试视频可正常的自动播放,用谷歌浏览器的模拟器测试移动端也可以...

Top