css零到一高级教程007:CSS 阴影效果
CSS 阴影效果
通过使用 CSS,您可以在文本和元素上添加阴影。
在我们的教程中,您将学习如下属性:
- text-shadow
- box-shadow
CSS 文字阴影
CSS text-shadow 属性为文本添加阴影。
最简单的用法是只指定水平阴影(2px)和垂直阴影(2px):
实例
<!DOCTYPE html>
<html>
<head>
<style>
h1 {text-shadow: 2px 2px;
}
</style>
</head>
<body><h1>文本阴影效果!</h1></body>
</html>