CSS中可以通過border-radius屬性將矩形變成圓形或橢圓形，而使用transform屬性可以實現(xiàn)將矩形變?yōu)樯刃位蛘咂渌螤睢?/p>

/* 實現(xiàn)扇形 */
.sector {
width: 100px;
height: 100px;
border-radius: 50%;
border-top: 50px solid red;
border-right: 50px solid transparent;
}

上面的代碼中，通過設置border-top和border-right的寬度來實現(xiàn)扇形的效果，配合border-radius屬性達到圓角的效果。

/* 實現(xiàn)長方形 */
.rectangle {
width: 200px;
height: 100px;
transform: skew(30deg);
background-color: blue;
}

上面的代碼中，使用了transform屬性的skew函數(shù)來實現(xiàn)矩形的傾斜，即上下兩邊傾斜形成長方形的效果。

通過以上的介紹，我們可以看出，CSS可以實現(xiàn)多種形狀的布局效果，并且靈活多變。熟練掌握CSS屬性和函數(shù)，可以快速實現(xiàn)各種復雜的布局需求。