CSS 阴影
2018-12-08 本文已影响11人
roy_pub
box-shadow
| 值 | 说明 |
|---|---|
| h-shadow | 必需，水平阴影位置，允许为负值 |
| v-shadow | 必需，垂直阴影位置，允许为负值 |
| blur | 可选，模糊距离 |
| spread | 可选，阴影尺寸 |
| color | 可选，阴影颜色 |
| inset | 可选，外部阴影改为内部阴影 |
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
div {
width: 100px;
height: 100px;
background-color: pink;
box-shadow: 5px 10px 15px 2px rgba(0,0,0,0.1); //1.水平阴影 2.垂直阴影 3.模糊距离，改虚实 4.阴影尺寸
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
