本文目錄導讀：

1. 改變div的背景形狀
2. 改變div的邊框形狀
3. 改變div的整體形狀

CSS改變div形狀的方法

CSS是一種強大的樣式表語言，可以用來控制網(wǎng)頁的外觀和格式，改變div形狀是CSS中的一個重要應(yīng)用，如何使用CSS來改變div形狀呢？

改變div的背景形狀

我們可以通過CSS的border-radius屬性來改變div的背景形狀，我們可以將border-radius屬性設(shè)置為50%來將div的背景形狀變?yōu)閳A形：

div {
  border-radius: 50%;
}

改變div的邊框形狀

除了改變背景形狀，我們還可以使用CSS的border屬性來改變div的邊框形狀，我們可以將border屬性設(shè)置為dashed來將div的邊框形狀變?yōu)樘摼€：

div {
  border: dashed;
}

改變div的整體形狀

我們還可以使用CSS的transform屬性來改變div的整體形狀，我們可以將transform屬性設(shè)置為rotate(45deg)來將div順時針旋轉(zhuǎn)45度：

div {
  transform: rotate(45deg);
}

需要注意的是，以上方法只是CSS中改變div形狀的一些基本應(yīng)用，實際上還有很多其他的方法可以實現(xiàn)更加復雜的效果，在使用CSS來改變div形狀時，我們需要根據(jù)具體的需求和場景來選擇合適的方法。