css描边属性是什么?

css描边属性是text-stroke属性,用于向文本添加描边。下面本篇文章给大家介绍一下CSS text-stroke属性.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

text-stroke属性用于向文本添加描边。此属性可用于更改文字的描边宽度和颜色。使用-webkit-前缀支持此属性。

text-stroke是text-stroke-width和text-stroke-color(给文本填充颜色)两个属性的简写。

语法:

text-stroke: <width> <color>;

参数:

  • width:设置文字的描边厚度

  • color:设置文字的描边颜色

1.png

示例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			@import url(https://fonts.googleapis.com/css?family=Bangers);
			body {
				font-size: 50%;
				line-height: 1;
			}
			
			h1 {
				font: 8em/1 Bangers, sans-serif;
				-webkit-text-stroke: 1px black; 
				color: #fff;
			}
		</style>
	</head>

	<body>
		<h1>Hello World</h1>
	</body>

</html>

效果图:

1.png


有了text-stroke属性,咱们可以非常轻易的实现文本描边效果,也告别了使用text-shadow属性来模拟文本描边效果。

更多web前端相关知识,请查阅 HTML中文网 !!

以上就是css描边属性是什么?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏