您现在的位置是：网站首页> 编程资料编程资料
简单掌握CSS3将文字描边及填充文字颜色的方法_css3_CSS_网页制作_
2021-09-13
1173人已围观
简介 这篇文章主要介绍了CSS将文字描边及填充文字颜色的方法,分别为text-stroke和text-fill-color属性的使用方法讲解,注意浏览器的兼容问题,需要的朋友可以参考下
text-stroke文字描边
语法：
CSS Code复制内容到剪贴板
- text-stroke：
想象一个红色描边的文字：
代码
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_网页制作_
- 深究CSS定位position的常用技法_CSS教程_CSS_网页制作_
- CSS设置DIV垂直居中的N种方法 兼容IE浏览器 _CSS教程_CSS_网页制作_
- 仅针对IE8有效的CSS Hack猎奇写法_浏览器兼容教程_CSS_网页制作_
- CSS清除浮动的常用方法优缺点分析_CSS教程_CSS_网页制作_
- CSS样式中大于号的使用及Css中处理继承方法_CSS教程_CSS_网页制作_
- 10个CSS简写/优化技巧整理_CSS教程_CSS_网页制作_
- CSS3实现粒子旋转伸缩加载动画_css3_CSS_网页制作_
