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怎么给文字添加描边？的详细内容，更多请关注0133技术站其它相关文章！