CSS是我們用來美化網頁的重要工具之一，它可以用來定義字體、顏色、背景等元素。而其中對于形狀的定義也是非常重要的，今天我們來學習一個非常有用的技巧：如何用CSS制作一個矩形角缺一個角的效果。

/* 首先定義一個矩形框 */
div {
width: 200px;
height: 100px;
background-color: #ccc;
position: relative;
}
/* 在其中創建一個缺角元素 */
div::before {
content: "";
display: block;
width: 0;
height: 0;
border-top: 50px solid #ccc;
border-right: 100px solid transparent;
position: absolute;
top: 0;
left: 0;
}
/* 隱藏原來的角 */
div::after {
content: "";
display: block;
width: 0;
height: 0;
border-bottom: 50px solid #ccc;
border-left: 100px solid transparent;
position: absolute;
bottom: 0;
right: 0;
}

以上代碼中，我們首先定義了一個矩形框div，然后用偽元素:before和:after創建了兩個三角形。其中:before定義了一個向右缺角，而:after定義了一個向左缺角。同時，我們還需要用position屬性來讓它們在矩形框內部精準定位。

經過以上操作，我們就成功地制作出了一個矩形角缺一個角的效果，通過調整各項CSS屬性，我們還可以根據需求制作出不同形狀的缺角效果。