Question

怎样用 CSS 制作文字阴影效果

Answer 1

文本阴影

text-shadow：none|shadow[,shadow]*
shadow = length{2,3}&&color?
默认值：none

语法分析：

none：无阴影

第1个长度值：阴影水平偏移值。可为负值

第2个长度值：阴影垂直偏移值。可为负值

第3个长度值：可选，阴影模糊值。不允许负值

color：设置对象的阴影的颜色。可以使用16进制颜色值，也可以使用英文单词，还可以采用rgba的表示法。

参考资料：CSS3文本阴影 text-shadow

文本阴影案例

源代码

.h5course {
    width: 500px;
    padding: 30px;
    background: #333;
    text-shadow: 0 1px 1px #fff;  
    color: #000;
    font-size: 40px;
    font-weight: bold;
    font-family: "微软雅黑";
}