CSS樣式可以幫助我們控制網頁中不同元素的位置和樣式，其中按鈕也是我們常見的一個元素。下面我們來介紹一下如何使用CSS樣式來控制按鈕的位置。 首先，我們需要在HTML中添加一個按鈕元素，代碼如下：

<button>點擊我</button>

接下來，我們使用CSS樣式來為按鈕添加樣式。在樣式表中，我們可以使用position屬性來控制元素的位置。其中，position屬性一共有四個取值：static、relative、absolute和fixed。我們在此只介紹前三個取值。 1. static取值 static是position屬性的默認值，表示元素的位置即為其在HTML文檔中的位置，不會受到其他樣式的影響。因此，我們不需要添加任何CSS樣式來控制按鈕的位置。 2. relative取值 relative表示相對定位，其位置相對于元素本來的位置發生改變，但是不會影響其他元素的位置。我們可以使用top、bottom、left和right屬性來控制相對位移。例如，我們將按鈕往右移動10像素：

button {
position: relative;
left: 10px;
}

3. absolute取值 absolute表示絕對定位，其位置相對于其第一個position取值不為static的父元素發生改變。如果沒有找到父元素，則相對于瀏覽器的窗口定位。我們同樣可以使用top、bottom、left和right屬性來控制相對位移。例如，我們將按鈕距離父元素的左邊框為100像素，距離父元素的上邊框為50像素：

button {
position: absolute;
left: 100px;
top: 50px;
}

綜上所述，我們可以使用position屬性來控制按鈕的位置，分別使用static、relative和absolute取值來實現不同的效果。希望這篇文章對你有所幫助。