CSS中，要實現(xiàn)長方形切掉一個角的效果，可以使用border-radius屬性來實現(xiàn)，具體方法如下：

/* 第一步：設(shè)置一個正常的長方形 */
.rectangle {
width: 200px;
height: 100px;
background-color: #f00;
border-radius: 5px;  /* 設(shè)置圓角半徑 */
}
/* 第二步：切掉一個角 */
.rectangle:before {
content: "";  /* 必須加上content屬性 */
display: block;  /* 要讓偽元素成為塊級元素 */
width: 20px;  /* 切角的寬度 */
height: 20px;  /* 切角的高度 */
background-color: #f00;  /* 覆蓋在原來的顏色上面 */
position: absolute;  /* 設(shè)置為絕對定位 */
left: -10px;  /* 相對于父元素向左偏移10px */
top: -10px;  /* 相對于父元素向上偏移10px */
border-top-right-radius: 5px;  /* 設(shè)置一個圓角 */
}

通過:before偽元素來實現(xiàn)長方形切掉一個角的效果，其中content屬性必須要加上，否則偽元素會被忽略。還要注意顯示方式要設(shè)置為block，要讓偽元素成為塊級元素才可以有寬高屬性。position屬性要設(shè)置為absolute，否則不會顯示在長方形的邊框上。切掉角的位置要通過left和top屬性來控制，相對于父元素的偏移。最后，利用border-top-right-radius屬性來設(shè)置一個圓角。切掉的角既可以是左上角，也可以是右上角，根據(jù)需求靈活使用即可。