Html 如何创建3D按钮并使其可单击？

我正在尝试为我的所有按钮应用3D效果

我已经为我的3个按钮编写了以下CSS代码，有人能告诉我如何在按钮上应用3D效果吗

按钮{
高度：60px；
宽度：60px；
边界：无；
背景：#00ffff；
颜色：#ff3300；
}

1
2.
3

您是否在寻找

框阴影

效果

按钮{
光标：指针；
高度：60px；
宽度：60px；
边界：无；
背景：#00ffff；
颜色：#ff3300；
盒影：5px 5px 5px#8888888；
}
按钮：激活{
盒影：4px4px4p6666；
}

1
2.
3

更改方框阴影和阴影颜色以美化：

按钮{
位置：相对位置；
高度：60px；
宽度：60px；
边界：无；
背景：#00ffff；
颜色：#ff3300；
保证金：5px；
边界半径：7px 5px；
大纲：无；
-网络工具包盒阴影：2px 9px 1px#94a1a5；
-莫兹盒阴影：2px 9px 1px#94a1a5；
盒影：2px 9px 1px#94a1a5；
}
按钮：激活{
-网络工具包盒阴影：0px 2px 0px#ecd4d1；
-moz盒阴影：0px 2px 0px#ecd4d1；
盒影：0px 2px 0px#ecd4d1；
位置：相对位置；
前7名；
}

1
2.
3 < /代码>如果我的答案有所帮助，请考虑接受它：