CSS中可以使用transform屬性來(lái)實(shí)現(xiàn)div的旋轉(zhuǎn)，而要讓div圍繞其中心進(jìn)行旋轉(zhuǎn)，則需要使用transform-origin屬性來(lái)指定旋轉(zhuǎn)的中心點(diǎn)。

我們需要?jiǎng)?chuàng)建一個(gè)div元素，并為其添加一些樣式，以便在旋轉(zhuǎn)時(shí)能夠清晰地看到其變化。

<div class="rotate-div">我要旋轉(zhuǎn)！</div>

在CSS中為該div添加transform和transform-origin屬性：

.rotate-div {
  width: 200px;
  height: 200px;
  background-color: #f00;
  color: #fff;
  text-align: center;
  line-height: 200px;
  transform: rotate(45deg);
  transform-origin: center center;
}

在上面的代碼中，transform屬性將div元素旋轉(zhuǎn)了45度，而transform-origin屬性則指定了旋轉(zhuǎn)的中心點(diǎn)為元素的中心，這樣，div元素就會(huì)圍繞其中心進(jìn)行旋轉(zhuǎn)了。

需要注意的是，transform-origin屬性的值可以是具體的像素值，也可以是百分比，如果想要讓div元素圍繞其左上角進(jìn)行旋轉(zhuǎn)，可以將transform-origin屬性的值設(shè)置為left top。

通過(guò)CSS中的transform和transform-origin屬性，我們可以輕松地實(shí)現(xiàn)div元素的旋轉(zhuǎn)，并指定旋轉(zhuǎn)的中心點(diǎn)。