在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;
}