盒子阴影(CSS3)
语法格式：
box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影；
-
前两个属性是必须写的。其余的可以省略。
-
外阴影 (outset) 但是不能写 默认 想要内阴影 inset
练习：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>盒子阴影box-shadow(CSS3)</title>
<style>
body{
background: #eee;
}
div{
width: 300px;
height: 300px;
background: #fff;
}
div:hover{
box-shadow: 2px 2px 1px 1px #ccc;
/*box-shadow:水平阴影 垂直阴影 模糊距离（虚实） 阴影尺寸（影子大小） 阴影颜色 内/外阴影（可省略）；*/
}
</style>
</head>
<body>
<div></div>
</body>
</html>
895
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
