CSS按钮凹凸效果是网页设计中常见的一种按钮效果，它可以使网页按钮在被点击时，产生类似按下去的感觉，同时增加了网页的美观程度。下面是一个使用CSS实现按钮凹凸效果的示例：

button {display: inline-block;border-radius: 5px;font-size: 16px;padding: 12px 24px;background-color: #1abc9c;color: #fff;box-shadow: 0px 4px 0px #2ecc71;cursor: pointer;transition: all 0.2s ease-in-out;}button:active {box-shadow: none;transform: translateY(4px);}

上述代码中，我们首先定义了一个普通的按钮样式，包括按钮的大小、圆角、字体大小、内边距、背景颜色、文字颜色、阴影效果、鼠标指针样式以及过渡效果。
其中，box-shadow属性用于设置按钮的阴影效果，它由四个值组成，依次为：水平偏移量、垂直偏移量、阴影模糊半径、阴影扩散半径。在此代码中，我们设置了水平偏移量为0，垂直偏移量为4px，阴影模糊半径为0，阴影扩散半径为#2ecc71，即按钮被按下后，会产生一个向下凸起的效果。

接下来，我们使用CSS的:active伪类选择器，为按钮的按下状态设置新的样式。此时，我们将之前的box-shadow阴影效果去掉，同时使用transform属性的translateY函数，将按钮向下移动4像素，从而实现“凹陷”的效果。

以上就是实现CSS按钮凹凸效果的方法，在日常网页设计中，可以根据需要调整按钮的大小、圆角、颜色等属性，以满足不同的设计需求。