作者:黑漆高傲的眼眸 | 来源:互联网 | 2020-08-12 06:39
很多人不知道如何利用csstext-stroke属性给页面的文字进行描边,其实利用textshadow属性给文字描边也是一件很简单的事情,那么如何使用csstext-stroke属性来制作文字描边?下面我们来总结一下textshadow属性。
很多人不知道如何利用css text-stroke属性给页面的文字进行描边,其实利用textshadow属性给文字描边也是一件很简单的事情,那么如何使用css text-stroke属性来制作文字描边?下面我们来总结一下textshadow属性。
一:textshadow属性:
很多人在css中使用text-stroke进行对文字的描边,其实给一行文字进行描边,实际上就是给一行文字加边框。
二:text-stroke语法的使用:
text-stroke:宽度值 颜色值
解释:
其实text-stroke是一个符合的语法,是有宽度值和颜色值两个子属性组成。
1.text-stroke-width属性解释:设置边框的宽度,一般我们可以长度来表示
2.text-stroke-color属性解释:一般来设置边框的颜色
三:text-stroke属性的用法举例:
我没有被描边
我被描边1像素的红色的边
以上代码效果如图:
如果你感觉在实例应用中并不是很常用,但是我们可以配合其他属性进行使用,很多人都喜欢配合color:transparent去使用,例如:
第一PHP社区
效果如图:
以上就是对如何使用css text-stroke属性来制作文字描边的全部介绍,如果你想了解更多有关CSS视频教程,请关注 第一PHP社区 。
以上就是如何使用css text-stroke属性来制作文字描边?(源代码)的详细内容,更多请关注 第一PHP社区 其它相关文章!