在網(wǎng)頁設(shè)計(jì)中，按鈕是一種常用的元素。其中，常見的按鈕都是圓角的，但有時(shí)候，我們需要的是一些直角的按鈕。在CSS中，我們可以通過樣式屬性來達(dá)成這個(gè)目的。 首先，我們需要在HTML中定義按鈕的基本元素。例如：

<button class="square-button">Click</button>

這里我們使用了一個(gè)class名為"square-button"，以便后續(xù)在CSS中可以直接選擇這個(gè)類進(jìn)行修改。 接下來，在CSS中我們需要定義這個(gè)類的樣式。我們可以使用border-radius屬性來控制按鈕的圓角大小。例如：

.square-button {
/*定義按鈕的尺寸和文本樣式*/
width: 100px;
height: 40px;
font-size: 16px;
font-weight: bold;
/*定義按鈕的背景顏色和邊框顏色*/
background-color: #3498db;
border: 2px solid #3498db;
color: #fff;
/*定義按鈕的圓角大小*/
border-radius: 0;
}

在這個(gè)例子中，我們將按鈕的圓角大小定義為0，這樣就能得到一個(gè)沒有圓角的按鈕。 值得注意的是，如果我們想要讓按鈕的四個(gè)角都是直角，那么我們需要將border-radius的值都設(shè)為0。如果只想要某一個(gè)角是直角，那么我們可以使用border-top-left-radius、 border-top-right-radius、 border-bottom-left-radius、 border-bottom-right-radius四個(gè)屬性來分別控制每個(gè)角的大小。 通過以上的方法，我們就能輕松自如地制作各種風(fēng)格的直角按鈕。