<!DOCTYPE html>HTML字體陰影設置
HTML字體陰影設置
在HTML中,我們可以使用CSS來為文字設置陰影效果。具體方法如下。
使用text-shadow屬性
p { text-shadow: 2px 2px 4px #000000; }
這個例子中,我們使用text-shadow屬性為所有p標簽的文字添加了陰影。text-shadow屬性需要四個值來描述,分別是:
- 水平偏移量(必填)
- 垂直偏移量(必填)
- 模糊半徑(可選)
- 顏色(可選)
使用box-shadow屬性
p { box-shadow: 2px 2px 4px #000000; }
與text-shadow類似,使用box-shadow屬性也可以為文字添加陰影。但是,使用box-shadow屬性會同時為文字的背景也添加陰影。如果只想為文字添加陰影,應該使用text-shadow屬性。