使用css/tevt-stroke属性制作文字描边 : GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download! - GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download!

使用css/tevt-stroke属性制作文字描边

使用css/tevt-stroke属性制作文字描边

如果您是本站会员;我们将为您提供技术支持!!!

很多人不知道如何利用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属性的用法举例

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>CSS3 text-stroke属性</title>     <style type="text/css">         div         {             font-size:30px;             font-weight:bold;         }         #div2         {              text-stroke:1px red;              -webkit-text-stroke:1px red;              -moz-text-stroke:1px red;              -o-text-stroke:1px red;         }     </style> </head> <body>     <div id="div1">我没有被描边</div>     <div id="div2">我被描边1像素的红色的边</div> </body> </html>

以上代码效果如图:
使用css/tevt-stroke属性制作文字描边
如果你感觉在实例应用中并不是很常用,但是我们可以配合其他属性进行使用,很多人都喜欢配合color:transparent去使用,例如:

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>CSS3 text-stroke属性</title>     <style type="text/css">         div         {             font-family:Verdana;             font-size:50px;             font-weight:bold;             color:transparent;  /*设置文字颜色为透明*/             text-stroke:2px red;             -webkit-text-stroke:2px #45B823;             -moz-text-stroke:2px #45B823;         }     </style> </head> <body>     <div>小闫黑客</div> </body> </html>

 
使用css/tevt-stroke属性制作文字描边

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/商品支付,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

可以

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

我们将24小时内回复。
取消
使用css/tevt-stroke属性制作文字描边-海报

分享本文封面