本文目錄導(dǎo)讀：

1. 使用margin屬性設(shè)置按鈕之間距離
2. 使用padding屬性設(shè)置按鈕內(nèi)部距離
3. 使用border屬性設(shè)置按鈕邊框距離

CSS中按鈕之間距離的設(shè)置可以通過多種方式實(shí)現(xiàn)，其中常見的是使用margin屬性，下面將介紹如何使用CSS中的margin屬性來設(shè)置按鈕之間的距離。

使用margin屬性設(shè)置按鈕之間距離

在CSS中，可以使用margin屬性來設(shè)置按鈕之間的垂直和水平距離，要設(shè)置兩個(gè)按鈕之間的垂直距離為10px，可以使用以下CSS代碼：

.button {
    margin-top: 10px;
    margin-bottom: 10px;
}

如果要設(shè)置兩個(gè)按鈕之間的水平距離為20px，可以使用以下CSS代碼：

.button {
    margin-left: 20px;
    margin-right: 20px;
}

使用padding屬性設(shè)置按鈕內(nèi)部距離

除了使用margin屬性設(shè)置按鈕之間的外部距離外，還可以使用padding屬性來設(shè)置按鈕內(nèi)部的距離，要設(shè)置按鈕內(nèi)部的左右距離為15px，可以使用以下CSS代碼：

.button {
    padding-left: 15px;
    padding-right: 15px;
}

使用border屬性設(shè)置按鈕邊框距離

使用border屬性也可以設(shè)置按鈕邊框的距離，要設(shè)置按鈕邊框的寬度為2px，可以使用以下CSS代碼：

.button {
    border-width: 2px;
}

需要注意的是，使用border屬性設(shè)置按鈕邊框距離時(shí)，需要考慮邊框樣式的其他屬性，如border-style和border-color等。

使用CSS中的margin、padding和border屬性可以有效地設(shè)置按鈕之間的距離，在實(shí)際應(yīng)用中，可以根據(jù)具體的需求和布局情況選擇適合的方式來實(shí)現(xiàn)。