在CSS中畫缺角正方形其實(shí)非常簡(jiǎn)單，只需要使用偽元素和一些簡(jiǎn)單的CSS屬性即可。

.square {
width: 100px;
height: 100px;
background-color: #FFA500;
position: relative;
}
.square::after {
content: "";
width: 0;
height: 0;
border-top: 50px solid #FFA500;
border-right: 50px solid transparent;
position: absolute;
top: 0;
right: 0;
}

上述代碼中，我們首先創(chuàng)建了一個(gè)寬高均為100px的方形，然后使用“::after”偽元素來創(chuàng)建一個(gè)等腰直角三角形，使其覆蓋在正方形的右上角。

這個(gè)三角形的寬度和高度使用border-top和border-right屬性來設(shè)置，同時(shí)顏色也和正方形相同。然后我們將其定位到正方形的右上角，達(dá)到缺角正方形的效果。

通過這種方法，我們可以輕松地畫出各種缺角形狀，只需要根據(jù)需要調(diào)整一下偽元素的位置和大小即可。