CSS怎么给文字添加描边?


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视频教程

实现前效果:

实现后效果:

语法详解:

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。

更多CSS3相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是CSS怎么给文字添加描边?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读