在CSS中,我們可以使用邊框(border)屬性來定義元素的邊框樣式。邊框的樣式可以由三個屬性來定義:邊框的寬度(border-width)、邊框的樣式(border-style)、邊框的顏色(border-color)。
要讓邊框顯示4個直角,我們需要將border-radius屬性設置為0。border-radius屬性用于設置圓角的弧度值。如果將其設置為0,則可以得到直角邊框。
.example { border: 1px solid black; border-radius: 0; }
上面的代碼將創建一個帶有1像素黑色實線邊框,并將邊框的弧度設置為0。這將使邊框變為4個直角的矩形形狀。
除了將border-radius設置為0外,我們還可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性來分別設置邊框的每個角的弧度值。
.example { border: 1px solid black; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
上面的代碼將創建一個帶有1像素黑色實線邊框,并將左上、右上、左下和右下四個角的弧度值都設為0。這將使邊框變為4個直角的矩形形狀。
總之,要讓邊框顯示4個直角,只需要將border-radius設置為0即可。如果需要更加精細地調整每個角的弧度,可以使用border-*-radius屬性來進行設置。