CSS是一種非常重要的網頁設計技術，它可以讓我們輕松的調整網頁元素的樣式和布局。在這篇文章中，我們將學習如何使用CSS將按鈕居右。

.button {
float: right;
}

在上面的代碼中，我們使用了CSS中的浮動屬性（float），設置了按鈕元素的浮動方向為右側。這樣，按鈕會被移動到其父元素的右側，并且任何跟隨在它后面的元素都會出現在它的左側。

除了使用浮動屬性外，我們還可以使用文本對齊屬性（text-align）來將按鈕居右。下面是一個示例CSS代碼：

.button-container {
text-align: right;
}
.button-container .button {
display: inline-block;
}

在上面的代碼中，我們首先為按鈕的容器元素設置了text-align屬性為右側對齊。這樣，我們只需要將按鈕元素設為行內塊元素（inline-block），它就可以自動對齊到父元素的右側。

總的來說，讓按鈕居右的兩種方法都非常簡單，但具體使用哪一種取決于你的項目需要。無論使用哪種方法，我們都可以通過CSS來輕松地控制和布局網頁元素。