简单掌握CSS3将文字描边及填充文字颜色的方法

时间：2021-05-08


text-stroke文字描边
语法：

CSS Code复制内容到剪贴板
  • text-stroke：<text-stroke-width><text-stroke-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下你将看到红色的文字

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章