CSS3是前端開發(fā)中非常重要的一個技術(shù)因素，可以讓我們實現(xiàn)很多特殊的效果。其中，內(nèi)凹的正方形造型是一種很受歡迎的樣式，本文將介紹如何用CSS3實現(xiàn)這個效果。

.square {
width: 100px;
height: 100px;
transform: rotate(45deg);
border: 2px solid #000000;
box-shadow: inset 0 0 0 20px white;
}

從上述CSS代碼可以看出，我們需要定義一個.square類來描述這個內(nèi)凹的正方形。其中，width和height屬性用于定義正方形的寬高，transform屬性讓正方形旋轉(zhuǎn)45度，border屬性設(shè)置正方形的邊框，box-shadow屬性使正方形的外部投射一個白色的陰影。

不要忘了，為了實現(xiàn)內(nèi)凹效果，我們需要使用CSS3的inset關(guān)鍵字來設(shè)置box-shadow，這樣陰影就會出現(xiàn)在正方形內(nèi)部。

通過上述CSS3代碼，我們已經(jīng)成功地實現(xiàn)了一個內(nèi)凹的正方形造型。