CSS按鈕邊框為直角 在CSS中，我們可以通過設置border-radius屬性來控制按鈕的邊框形狀。但如果我們想要讓按鈕的邊框變成直角呢？ 要實現這個效果，我們需要將border-radius屬性設置為0。 使用以下代碼，我們可以創建一個簡單的按鈕，邊框為直角：

<style>
.btn{
display: inline-block;
padding: 10px;
background-color: #ccc;
border: 2px solid #000;
color: #000;
font-size: 16px;
border-radius: 0;
}
</style>
<p><a href="#" class="btn">點擊我</a></p>

以上代碼中，我們定義了一個類名為.btn的樣式，使用display屬性將按鈕變為行內塊級元素，設置了背景顏色、邊框樣式和字體顏色，并將border-radius屬性設置為0。 接下來，在

標簽中添加按鈕元素，并將class設置為.btn，這樣就可以將樣式應用到按鈕上了。 實際上，這個效果也可以通過直接設置border-radius為0，而不必定義一個特定的類名來實現。我們可以這樣寫：

<style>
button{
padding: 10px;
background-color: #ccc;
border: 2px solid #000;
color: #000;
font-size: 16px;
border-radius: 0;
}
</style>
<p><button>點擊我</button></p>

在這個例子中，我們直接在button標簽中添加樣式，并將border-radius設置為0，而不是使用.btn類名。 總結 要想讓CSS按鈕邊框變成直角，只需要將border-radius屬性設置為0。這種方式既可以在定義類名時使用，也可以在直接在元素上設置樣式。