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文字阴影实现文字阴影效果的使用,希望对你有帮助的学习。