在html中用css显示按钮阴影

在HTML中使用CSS创建按钮阴影效果可以通过`box-shadow`属性来实现。这个属性允许你添加各种类型的阴影，包括内阴影、外阴影等。下面是一个基本的例子：

<button class="shadow-button">点击我</button>

.shadow-button {
  background-color: #your-color; /* 设置背景色 */
  color: white;
  border: none; /* 可选，移除默认边框 */
  padding: 10px 20px; /* 内容填充 */
  border-radius: 5px; /* 圆角 */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* 创建阴影，这里参数解释为: 上偏移量(0), 下偏移量(4px), 模糊半径(6px), 阴影颜色(黑色)及透明度(0.1)*/
  cursor: pointer; /* 显示光标图标 */
}

在这个例子中，`.shadow-button`类应用了阴影效果，你可以根据需要调整阴影的参数，如偏移量、模糊程度和颜色。