CSS3文字阴影实现文字阴影效果

CSS3文字阴影实现文字阴影效果
CSS3设置文字阴影效果,设置字体字体的阴影效果,采用文本阴影样式,原来也有这个属性在CSS2版本,但在CSS3文字阴影文字阴影的再次应用,丰富了文本的排版布局的美化效果。

CSS3的词汇和语法

CSS3的文字:文字阴影

语法结构:文字阴影:5px 2px 6px黑;

5px代表阴影距离左5px显示文本
2px代表阴影距离2px显示
6px代表阴影的大小范围
黑色代表:黑色的阴影是黑色的。

实例uff1a

xml代码将内容复制到剪贴板。
{所有橙色
14px微软雅黑字体:正常,无衬线字体;
马克斯宽度:自动;
马克斯高度:汽车;
背景颜色:# f8f8f8;
填料:30px 30px 20px 30px;
颜色:# 666;
边界半径:5px
}
全部橙色H1
32px微软雅黑字体:正常,无衬线字体;
填料:20px 0 20px 40px;
显示块;
保证金:- 30px - 30px 10px - 30px;
颜色:# FFF;
背景颜色:# 0cf;
边界半径:5px;
文字阴影:5px 2px 6px # 000;
盒子的影子:5px 2px 6px # 000;
}
所有橙色{ IMG。
浮:左
}
。所有橙色H1 img {
边距:- 15px;
}
伤心黑白棋
设计素描 uff1a

浏览器的兼容性

这是通过CSS3样式超过IE9浏览器支持谷歌浏览器支持的版本。

以上是CSS3文字阴影实现文字阴影效果的使用,希望对你有帮助的学习。

tag:文字阴影效果电脑软件

相关内容