您的位置:首页> 前端教程> CSS3教程
文章导航

CSS text-fill-color

2019-9-17 08:56| 作者: admin| 查看: 1241| 评论: 0|来自: 蚂蚁部落

此属性可以设置文本的填充颜色。

如果同时设置 text-fill-color和color属性,那么前者将覆盖后者的效果。

语法结构:

[CSS] 纯文本查看 复制代码
text-fill-color:<color>

代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<style>
html,body{
	margin:50px 0;
}
.text-fill-color{
	width:950px;
	margin:0 auto;
	background:-webkit-linear-gradient(top,#eee,#aaa 50%,#333 51%,#000);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	font-size:30px;
	text-transform:uppercase;
}
</style>
</head>
<body>
<div class="text-fill-color">text-fill-color</div>
</body>
</html>

上面的代码演示了text-fill-color属性的作用,更多内容参阅相关阅读。

相关阅读:

(1).linear-gradient参阅CSS3 linear-gradient()线性渐变一章节。

(2).background-clip参阅CSS3 background-clip一章节。

(3).text-transform参阅CSS text-transform属性一章节。

2

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (2 人)

上一篇:CSS text-stroke下一篇:CSS RGBA

最新评论

返回顶部