1.文字阴影:text-shadow
h1 {
text-shadow: 水平阴影(px) 垂直阴影(px) 模糊效果(px) 颜色;
}
多个阴影:如需在文本中添加多个阴影,您可以添加以逗号分隔的阴影列表
h1 {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
还可以使用 text-shadow 属性在文本周围创建纯边框(无阴影)
h1 {
color: pink;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
2.元素阴影:box-shadow
div {
box-shadow: 水平阴影(px) 垂直阴影(px) 模糊效果(px) 颜色;
}
可以使用 box-shadow 属性创建纸质卡片效果
...
<style>
div.card {
wid