CSS是一種用于定義網頁樣式的語言。在網頁設計中，常常需要對按鈕的位置和樣式進行調整。本文將介紹如何使用CSS改變按鈕的距離樣式。

.button {
margin-top: 10px;
margin-bottom: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
}

在上述代碼中，我們定義了一個名為".button"的CSS類。首先，我們使用"margin-top"和"margin-bottom"屬性分別設置按鈕上下邊緣與其他元素之間的間距。接著，我們使用"padding"屬性來設置按鈕內邊距，即按鈕內容與按鈕邊緣之間的距離。然后，我們設置了按鈕的背景顏色、文字顏色、邊框樣式和圓角半徑。最后，我們使用"border:none"屬性來消除按鈕的邊框。

我們可以對上述CSS代碼進行修改，來改變按鈕的距離樣式。例如，如果我們想要減小按鈕與其他元素之間的距離，可以將"margin-top"和"margin-bottom"屬性的值都設為5px：

.button {
margin-top: 5px;
margin-bottom: 5px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
}

如果我們想要增大按鈕內邊距的值，可以將"padding"屬性的值修改為"15px 25px"：

.button {
margin-top: 10px;
margin-bottom: 20px;
padding: 15px 25px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
}

通過對CSS代碼的調整，我們可以輕松改變按鈕的距離樣式，從而使網頁更加美觀和易用。