代码块
html页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>box-shadow</title>
</head>
<body>
<div class="bottom"></div>
<div class="right"></div>
<div class="top"></div>
<div class="left"></div>
</body>
</html>
css样式:
<style type="text/css" media="screen">
div{
width: 300px;
height: 100px;
margin:50px;
}
.left{
background-color: #006400;
box-shadow: 10px 10px 5px #888;
}
.top{
background-color: #DC143C;
box-shadow: #888 10px 5px 10px;
}
.right{
background-color: #FF1493;
box-shadow: 10px #888 5px 10px;
}
.bottom{
background-color: #08B;
box-shadow: 10px 10px #888 5px;
}
</style>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
