CSS3裁剪一個五角星并不是一件難事，只需要掌握好一些基礎知識以及使用一些CSS3新特性即可。

首先，我們需要用CSS來定義一個五角星的圖形，具體代碼如下：

.star{
width: 0;
height: 0;
border-width: 20px 10px 0 10px;
border-style: solid;
border-color: #f00 transparent transparent transparent;
position: relative;
top: -10px;
}
.star:before{
content:"";
position: absolute;
top: 0;
left: -10px;
width: 0;
height: 0;
border-width: 0 10px 20px 10px;
border-style: solid;
border-color: transparent transparent #f00 transparent;
}

上述代碼定義了一個名為“.star”的類，寬高為0，邊框寬度為20px 10px 0 10px，并設置邊框的樣式和顏色。同時，該類元素的位置為相對定位，并往上移動10px以達到五角星的效果。

接下來，我們需要使用CSS3的clip-path屬性來裁剪該五角星。clip-path屬性的使用非常簡單，只需要在類中設置clip-path屬性即可，并給定裁剪路徑的值，具體代碼如下：

.star{
clip-path: polygon(50% 0%, 100% 35%, 82% 100%, 18% 100%, 0% 35%);
}

上述代碼中，clip-path的值是一個多邊形路徑，其坐標按順序依次為五角星的五個點坐標。其中，坐標原點位于此元素的左上角。

最后，將上述兩段代碼合并到一起即可裁剪一個完整的五角星。