在 CSS 中,我們經常會用到圓角,可以讓元素變得更加美觀。但有時候我們需要去除圓角,比如當我們要創建一個元素的當中一部分或全部需要是直角時。
首先,在 CSS 中添加圓角是非常簡單的,以下是一個簡單的例子:
div { border-radius: 10px; }
上述代碼將會在 DIV 元素的四個角添加一個半徑為 10 像素的圓角。
如果你需要去除圓角,那么你可以通過設置單獨的圓角屬性為 0 來實現。以下代碼將會去除 DIV 元素的左上和左下圓角:
div { border-radius: 10px 0px 0px 10px; }
通過設置第一和第四圓角屬性為 0,我們就可以去除元素的左上和左下圓角。
如果你需要去除所有圓角,那么可以設置 border-radius 屬性為 0,如下所示:
div { border-radius: 0px; }
這將會完全去除 DIV 元素的所有圓角。
總的來說,去除 CSS 元素的圓角非常簡單,只需設置單獨的圓角屬性或將所有圓角設置為 0 即可。