文章摘要:css如何给按钮加阴影 按钮阴影效果css
在css中给按钮添加阴影的方法:1.创建按钮;2.设置按钮大小;3.使用box-shadow属性设置阴影; 在 […]
在css中给按钮添加阴影的方法:1.创建按钮;2.设置按钮大小;3.使用box-shadow属性设置阴影;
在css中给按钮添加阴影的方法
1.首先,在页面中创建一个按钮;
<body>
<button>按钮<button>
</body>
2.按钮创建好后,在css中为按钮设置大小;
button {
width:60px;
height:30px;
margin:50px;
}
3.按钮的大小设置好后,使用box-shadow属性即可给按钮添加阴影;
button {
width:60px;
height:30px;
margin:50px;
box-shadow: 10px 10px 10px #B00000;
}