您的位置：首页 > Web前端 > > 正文

css3设置字体阴影（简单掌握CSS3将文字描边及填充文字颜色的方法）

更多 时间：2022-01-14 02:45:09 类别：Web前端 浏览量：2088

css3设置字体阴影

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

text-stroke文字描边
语法：

  • CSS Code复制内容到剪贴板
    1. text-stroke：<text-stroke-width> <text-stroke-color>  

    • 想象一个红色描边的文字：
    代码

  • CSS Code复制内容到剪贴板
    1. text-stroke: 1px #f00;  

    • 效果
    css3设置字体阴影（简单掌握CSS3将文字描边及填充文字颜色的方法）

    text-stroke是符合属性，可以分拆为text-stroke-width和text-stroke-color两个属性

    text-fill-color文字填充
    语法：

  • CSS Code复制内容到剪贴板
    1. text-fill-color：<color>  

    • text-fill-color会覆盖color所定义的字体颜色：

  • CSS Code复制内容到剪贴板
    1. text-fill-color:#f00;   
    2. color:#000;  

    • 效果
    css3设置字体阴影（简单掌握CSS3将文字描边及填充文字颜色的方法）

    在webkit下你将看到红色的文字

    标签：文字填充 文字描边 css
  • 上一篇：echarts组合柱状图（ECharts多图表联动功能的实现过程）
  • 下一篇：css的五种基本选择器（CSS兼容问题之HACK技术）
    • 您可能感兴趣

    排行榜

    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利