文字陰影

要為文字新增陰影,請使用 text-shadow 屬性。語法如下:

text-shadow: horizontal-offset vertical-offset blur color;

沒有模糊半徑的陰影

h1 {
  text-shadow: 2px 2px #0000FF;
}

這會在標題周圍建立藍色陰影效果

模糊半徑的陰影

要新增模糊效果,請新增選項 blur radius 引數

h1 {
  text-shadow: 2px 2px 10px #0000FF;
}

多個陰影

要為元素提供多個陰影,請用逗號分隔它們

h1 {
    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}