CSS按鈕凹凸效果是網(wǎng)頁設(shè)計中常見的一種按鈕效果，它可以使網(wǎng)頁按鈕在被點擊時，產(chǎn)生類似按下去的感覺，同時增加了網(wǎng)頁的美觀程度。下面是一個使用CSS實現(xiàn)按鈕凹凸效果的示例：

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

上述代碼中，我們首先定義了一個普通的按鈕樣式，包括按鈕的大小、圓角、字體大小、內(nèi)邊距、背景顏色、文字顏色、陰影效果、鼠標指針樣式以及過渡效果。
其中，box-shadow屬性用于設(shè)置按鈕的陰影效果，它由四個值組成，依次為：水平偏移量、垂直偏移量、陰影模糊半徑、陰影擴散半徑。在此代碼中，我們設(shè)置了水平偏移量為0，垂直偏移量為4px，陰影模糊半徑為0，陰影擴散半徑為#2ecc71，即按鈕被按下后，會產(chǎn)生一個向下凸起的效果。

接下來，我們使用CSS的:active偽類選擇器，為按鈕的按下狀態(tài)設(shè)置新的樣式。此時，我們將之前的box-shadow陰影效果去掉，同時使用transform屬性的translateY函數(shù)，將按鈕向下移動4像素，從而實現(xiàn)“凹陷”的效果。

以上就是實現(xiàn)CSS按鈕凹凸效果的方法，在日常網(wǎng)頁設(shè)計中，可以根據(jù)需要調(diào)整按鈕的大小、圓角、顏色等屬性，以滿足不同的設(shè)計需求。