在CSS2.1时代, 除非使用图片, 否则无法为文字添加阴影效果。在CSS3中, 通过 text-shadow 属性可以轻松的为文字添加阴影。
基本语法:
text-shadow: h-shadow v-shadow blur color; h-shadow: 必需。水平阴影的位置。允许负值。 v-shadow: 必需。垂直阴影的位置。允许负值。 blur: 可选。模糊的距离。 color: 可选。阴影的颜色。
取值说明:
示例:
p{color:#f00;} .p1{ text-shadow:5px 5px;} .p2{ text-shadow:5px 5px #03f;} .p3{ text-shadow:5px 5px 2px #03f;} .p4{ text-shadow:-5px -5px #03f;} .p5{ text-shadow:5px 5px orange,-5px -5px blue;}