使用CSS設置按鈕外邊線是常見的網站設計技巧，通過增加外邊線可以使按鈕具有更鮮明的視覺效果，從而提高用戶體驗。下面就來介紹一下如何使用CSS實現按鈕外邊線效果。 首先我們需要在HTML中定義一個按鈕元素，可以使用button或者input標簽。例如：

<button class="btn">Click Here</button>

或者

<input type="button" class="btn" value="Click Here"/>

然后在CSS中添加樣式，使用border屬性設置按鈕外邊線。例如：

.btn{
border: 2px solid #000;
padding: 10px 20px;
background-color: #fff;
color: #000;
font-size: 1rem;
}

這段代碼將按鈕邊框設置為2像素的黑色實線，設置內邊距為10像素和20像素。同時設置了背景顏色為白色，字體顏色為黑色，字體大小為1rem。 如果需要實現更復雜的按鈕外邊線效果，可以使用CSS的偽類選擇器來實現。例如，在按鈕上添加一個懸停效果的外邊線，可以使用:hover偽類選擇器。代碼如下：

.btn:hover{
border: 2px solid #ff0000; /*紅色邊線*/
}

這段代碼定義了鼠標懸停在按鈕上時，按鈕邊框變成2像素紅色實線。 除此之外，還可以設置其他樣式，如圓角邊框、虛線邊框等等。例如，使用border-radius屬性實現圓角邊框：

.btn{
border-radius: 5px;
}

這段代碼將按鈕邊框設置成了5像素的圓角。 總之，使用CSS設置按鈕外邊線是一個簡單易行的方式，可以極大地提升網站的視覺效果。通過不同的設置，可以實現各種不同風格的按鈕外邊線效果。