CSS凸起的小按鈕在網頁設計中經常使用，可以增強按鈕的觀感和可交互性。

.button {
display: inline-block;
background-color: #2196F3;
color: #FFFFFF;
font-size: 16px;
padding: 10px 20px;
border: none;
border-radius: 5px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
position: relative;
top: -2px;
}
.button:hover {
cursor: pointer;
top: 0px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

這段CSS代碼，首先定義了.button樣式，其中display屬性為inline-block，使得按鈕可以作為行內元素排列，并且可以設置寬高。background-color為按鈕的背景顏色，color為字體顏色，font-size為字體大小，padding為內邊距，border為邊框，border-radius為圓角。box-shadow為按鈕的陰影效果，position:relative和top: -2px為相對定位和向上移動2個像素，實現凸起效果。

接著，定義了按鈕的:hover樣式，當鼠標懸停在按鈕上時，將會有向下移動和更明顯的陰影效果。這種動態的效果，能夠提高用戶的交互體驗和效果展示。

最后，將這段代碼應用到HTML中，即可呈現出一個漂亮且具有凸起感的小按鈕。