您现在的位置是:网站首页> 编程资料编程资料
简单掌握CSS3将文字描边及填充文字颜色的方法_css3_CSS_网页制作_
2023-11-11
258人已围观
简介 这篇文章主要介绍了CSS将文字描边及填充文字颜色的方法,分别为text-stroke和text-fill-color属性的使用方法讲解,注意浏览器的兼容问题,需要的朋友可以参考下
text-stroke文字描边
语法:
CSS Code复制内容到剪贴板
- text-stroke:
width> color>
想象一个红色描边的文字:
代码
CSS Code复制内容到剪贴板
- text-stroke: 1px #f00;
效果
text-stroke是符合属性,可以分拆为text-stroke-width和text-stroke-color两个属性
text-fill-color文字填充
语法:
CSS Code复制内容到剪贴板
- text-fill-color:<color>
text-fill-color会覆盖color所定义的字体颜色:
CSS Code复制内容到剪贴板
- text-fill-color:#f00;
- color:#000;
效果
在webkit下你将看到红色的文字
相关内容
- CSS中的z-index属性基本使用教程_CSS教程_CSS_网页制作_
- CSS自动换行、强制不换行、强制断行、超出显示省略号_CSS教程_CSS_网页制作_
- 一款利用html5和css3实现的3D立方体旋转效果教程 _css3_CSS_网页制作_
- 全民小镇非R玩家全面提升攻略_手机游戏_游戏攻略_
- 天天飞车魅影有什么好 天天飞车魅影隐身技能开启方法_手机游戏_游戏攻略_
- 刀塔传奇疯狂周末礼包领取及极限球刷法属性合_手机游戏_游戏攻略_
- 雷霆战机4月29日最新烧饼修改器防闪退使用教程_手机游戏_游戏攻略_
- 全民小镇赚钱攻略 什么最赚钱_手机游戏_游戏攻略_
- 天天酷跑4月29日可用破解版 共存版_手机游戏_游戏攻略_
- 全民打怪兽小伙伴阵容技巧搭配攻略_手机游戏_游戏攻略_
