CSS是前端開發的重要組成部分之一，其中包括了許多常見的樣式屬性，比如可以通過CSS來改變button的位置。下面將介紹一些CSS屬性的應用方法，以幫助開發者快速改變button的位置。

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

上面的代碼使用了三個屬性來改變button的位置，分別為position、top、以及left。其中，position屬性表示元素的定位方式，默認值為static，而absolute則表示相對于父元素進行絕對定位。這里使用absolute，是希望能夠直接指定button的位置。

接著，top和left屬性則分別表示元素距離父元素頂部和左側的距離。這里我們使用了50%的數值，將button始終居于父元素的中心位置。

最后一個屬性是transform，代表元素的變換方式。translate則表示將元素在X、Y軸方向上移動。這里設定的數值是-50%和-50%，是因為要將元素向左移動50%和向上移動50%，以達到居中的效果。

以上就是通過CSS來改變button位置的方法，通過靈活運用CSS的各種屬性，開發者們可以輕松地實現各種有趣的樣式效果。