代码块
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>
本文转自 素颜猪 51CTO博客，原文链接:http://blog.51cto.com/suyanzhu/1883411
扫一扫
571
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
