首页 > 代码库 > css3 box-shadow
css3 box-shadow
代码块
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>
本文出自 “素颜” 博客，请务必保留此出处http://suyanzhu.blog.51cto.com/8050189/1883411
css3 box-shadow