实用教程 CSS 阴影

参与数
0
被浏览
32
写回答 DATE:2019-10-08
迷途
主题数:182 回答数:412 被采纳:51 被赞同:24

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>

四叶草问答社区_CSS 阴影


最新回复 (0)
返回
[复制本页网址]
Date...
*四叶草提供天气查询