div 四周都有阴影的写法

Posted 不积跬步无以至千里不积小流无以成江海

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div 四周都有阴影的写法相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
        .shadow{  
   -webkit-box-shadow: #666 0px 0px 10px;  
   -moz-box-shadow: #666 0px 0px 10px;  
   box-shadow: #666 0px 0px 10px;  
   background: #EEFF99;  
   width:100px;
   height:100px;
   margin:200px auto;
}  


	</style>
</head>
<body>
	<div class="shadow"></div>  
</body>
</html>

　　

以上是关于div 四周都有阴影的写法的主要内容，如果未能解决你的问题，请参考以下文章

CSS3四周阴影效果怎么做？

winform 如何实现边框的阴影效果，就像360那种的，四周都有阴影。

css有用的代码片段

CSS 如何实现让div的四个边框都有阴影的效果？

一个box四周边框阴影

ios开发之--为父view上的子view添加阴影