css阴影效果

5338人阅读 2020/3/30 20:27 总访问：1308340 评论：0 收藏：0 手机

分类: 前端

效果如下，志真兄写的贴一下：

code show:

<!DOCTYPE html>
<html>
  <head>
<style>
  #div{
  border-left:10px solid red;
  width:180px;
  height:240px;
  border-bottom-right-radius:30%;
  border-top-left-radius:30%;
  box-shadow: 10px 10px 5px #888888;
  }
  #div2{
    padding: 60px 100px
  }
  
</style>
  </head>

  <body>

    <div id="div">
	  
	  <div id="div2">
	  </div>
	  
	</div>
  </body>
</html>

欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

css阴影效果

{{titleitem}} {{titleitem}}

{{titleitem}} {{titleitem}}