CSS是一種非常強大的前端語言，可以幫助我們實現網頁的各種效果。其中，圓角效果是一個在網頁設計中非常常見的效果。不過，有時候我們也需要取消這個圓角效果。下面將會介紹如何通過CSS來取消圓角效果。

/* 通過設置border-radius為0來取消圓角效果 */
.element {
border-radius: 0;
}

如上所述，在CSS中，我們可以通過設置border-radius為0來取消元素的圓角效果。這個border-radius屬性代表了元素四個角部分的圓角半徑。設置為0即意味著取消圓角效果。

舉個例子，假設我們有一個按鈕元素，帶有圓角效果：

.button {
padding: 10px 20px;
background-color: #ff0000;
border-radius: 5px;
}

那么，我們可以通過將border-radius設置為0來取消這個圓角效果：

.button {
padding: 10px 20px;
background-color: #ff0000;
border-radius: 0;
}

除了直接設置border-radius為0外，我們還可以通過設置各個圓角半徑來實現取消部分圓角效果。比如，如果我們只想取消按鈕元素的左上角和右下角的圓角效果，可以這樣寫：

.button {
padding: 10px 20px;
background-color: #ff0000;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
}

如上代碼，我們只將左上角和右下角的半徑設置為0，其他兩個角仍然保持原來的圓角效果。

總的來說，取消圓角效果是一個非常簡單的操作，只需要將border-radius屬性設置為0即可。當然，我們也可以通過設置各個角的半徑來實現取消部分圓角效果。這個小技巧對于一些需要特定效果的設計非常有幫助。