css 字体改变

最新推荐文章于 2024-04-06 20:41:17 发布

誰言秋桜

最新推荐文章于 2024-04-06 20:41:17 发布

阅读量242

点赞数

分类专栏：学习笔记 html css 文章标签： css css3 html

原文链接：https://baijiahao.baidu.com/s?id=1713651257459454287&wfr=spider&for=pc

版权

学习笔记同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

html

11 篇文章 0 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏


			<text class="abc" >哈迪斯</text>

/* 镂空字体 */
	background-color: #00c4ff;   
	 -webkit-text-fill-color: transparent; 
	 -webkit-text-stroke:1px #000;

 /* 立体字体 */
	 background-color: #d2d500;  
	   color: #d2d500;  
	     text-shadow: -1px -1px 0px #e6e600,-2px -2px 0px #e6e600, -3px -3px 0px #e6e600,1px 1px 0px #bfbf00,2px 2px 0px #bfbf00,3px 3px 0px #bfbf00;

/* 霓虹字体 */
	  background-color: darkgray;   
	   color: white;   
		text-shadow: 0px 0px 15px #00FFFF,0px 0px 15px #00FFFF,0px 0px 15px #00FFFF;

/* 背景重叠 */
		background-color: gray;  
		  color: #eee;  
			text-shadow: 5px 5px 0 #666, 7px 7px 0 #eee;


			/* 幻色字体 */
			 background-color: darkgray;  
			  color: white;
			  text-shadow: 1px 1px 0px #0000FF,2px 2px 0px #0000FF,,-1px -1px 0px #E31B4E,-2px -2px 0px #E31B4E;

/* 仿生字体 */
	font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
	text-transform: uppercase;  /* 全开大写 */
	font-size: 92px;
	color: #f1ebe5;
	text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
	font-weight: bold;
	letter-spacing: -4px;
	background: linear-gradient(to bottom, #ece4d9 0%, #e9dfd1 100%);

仅供参考