在網站的設計中，選中狀態的按鈕是一個非常重要的視覺效果。當用戶點擊一個按鈕時，它應該在頁面上有一些反饋，以告訴用戶它被選中了。 在CSS中，有幾種方法可以在按鈕被選中后改變它的位置和樣式。

button:focus {
position: relative;
top: 2px;
left: 2px;
box-shadow: 0px 3px 0px #888;
}

在這個例子中，我們使用:focus偽類來匹配選中狀態的按鈕。這段代碼將按鈕的位置向下和向右移動2個像素，并添加一個陰影效果來表示選中狀態。

這里我使用的是相對定位來移動按鈕的位置，這意味著它仍然占據原來的空間。 如果您想完全從原來的位置移除按鈕，可以使用絕對定位。

button:active {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

使用:active偽類，我們可以匹配按鈕被點擊時的狀態。在這個例子中，我使用絕對定位將按鈕移動到它的祖先元素的中心。我還使用transform屬性來處理元素的居中對齊，這是一種更靈活的方法。

請記住，這些效果只在選中狀態時才會生效。如果您在其它狀態下設置了按鈕的樣式或位置，它們也將被應用。