Html+Css

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>
上一篇下一篇

猜你喜欢

热点阅读