怎么在css中给button设置阴影？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
css3做一个带阴影的button按钮
效果对比鼠标划上前与后：
<!--html代码--><input class="but" type = "button" value = "确认" /><!--css代码--><style type="text/css"> .but{ border: 0px groove orange; box-shadow: 5px 6px 10px #000; margin-left: 160px; border-radius: 10px; background: #034c92; color: white; width: 250px; height: 40px; font-size: 20px; } .but:hover{ box-shadow: 8px 10px 10px #000; background: #005DF9; } </style>看完上述内容，你们掌握怎么在css中给button设置阴影的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注编程网行业资讯频道，感谢各位的阅读！
