菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
77
0

CSS怎么给文字添加描边?

原创
05/13 14:22
阅读数 1384


CSS怎么给文字添加描边?

给需要实现文字描边的元素添加如下CSS3的属性

text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
-moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0;
*filter: Glow(color=#000, strength=1);

(推荐学习:CSS视频教程

实现前效果:

Snipaste_2020-01-06_15-34-43.jpg

实现后效果:

Snipaste_2020-01-06_15-34-15.jpg

语法详解:

text-shadow:向文本设置阴影。

text-shadow:color||length||length||opacity。

  • color:指定颜色。

  • length:第一个length指定阴影在水平方向上的延伸距离,第二个length指定阴影在垂直方向上的延伸距离,可以为负值。

  • opacity:指定阴影模糊效果的作用距离。

用逗号分隔的4个属性值代表的方向顺序为右下左上。

为了兼容多浏览器而加上前缀-webkit-和-moz-。

filter:滤镜。

filter:Glow 添加光辉晕圈效果在元素对象的边外。

filter:Glow(color=颜色值,strength=数值)。

  • color:指定晕圈发光效果的颜色。

  • strength:指定晕圈发光的强度范围,参数值从1到255。

发表评论

0/200
77 点赞
0 评论
收藏
为你推荐 换一批