您的位置：首页 > Web前端 > CSS

CSS中怎样制作盒子阴影 box-shadow

2017-05-26 22:23 357 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
div{
width: 200px;
height: 200px;
background-color: orange;
/* box-shadow: 10px 20px red;*//*X方向的偏移  Y方向的偏移 阴影颜色*/
box-shadow: 10px 20px 5px 5px red;/*X方向的偏移  Y方向的偏移 模糊程度  模糊半径 阴影颜色*/
}
</style>
<title>盒子阴影</title>
</head>
<body>
<div>

</div>
</body>
</html>

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航