CSS自定義button按下變色實現方法：

button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

使用以上代碼，實現按鈕在被按下后會變色，并向下位移一定的距離。其中，button代表要設置的按鈕，active是CSS中偽類的一種，代表元素被激活或選中狀態。background-color表示按鈕的背景顏色，border表示邊框，color表示文字顏色，padding表示按鈕內部的填充，text-align表示文字排列方式，text-decoration表示文字修飾，display表示元素該如何顯示，font-size表示字體大小，margin表示元素與周圍元素的距離，cursor表示光標的類型。其中transform用于實現位移效果，即為按鈕在被按下后向下位移4px。