Question

我正在使用此CSS代码

.result{
    background-color: #aaa;
    text-align: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    font-size: 22px;
    text-shadow: 0px 0px 4px 3px #000;
}

但是文本阴影不起作用，检查器显示value属性无效，我错过了什么吗？

Answer 1

text-shadow只能接受3个值，颜色除外。应该是这样的：

text-shadow: 0px 0px 4px #000;

Answer 2

text-shadow速记仅具有4个属性：X偏移，Y偏移，模糊和颜色。

text-shadow: 2px 2px 4px #333;

这与box-shadow不同，它具有：X偏移，Y偏移，扩展，模糊和彩色。

box-shadow: 2px 2px 0px 4px #333;

（看起来与上面相同）

Answer 3

CSS语法文本阴影：h阴影v阴影模糊半径颜色|无|初始|继承；

更改为文本阴影：0px 0px 4px＃000;

属性值在CSS上的文本阴影处无效

3 个答案: