CSS方塊旋轉(zhuǎn)180度

CSS是一種用于創(chuàng)建網(wǎng)頁設(shè)計的樣式表語言，可以用來控制網(wǎng)頁中的元素樣式、布局和交互性等。其中，CSS的旋轉(zhuǎn)功能可以用來將方塊旋轉(zhuǎn)180度。下面是一個簡單的例子，展示如何使用CSS旋轉(zhuǎn)功能來將方塊旋轉(zhuǎn)180度：

HTML代碼：

<div class="container">

<div class="box"></div>

</div>

CSS代碼：

.container {

width: 300px;

height: 300px;

background-color: blue;

.box {

width: 100px;

height: 100px;

background-color: red;

transform: rotate(-45deg);

以上代碼中，我們使用了`.container`類來創(chuàng)建一個容器元素，并使用`.box`類來創(chuàng)建一個方塊元素。在CSS中，我們使用了`transform`屬性來設(shè)置方塊的旋轉(zhuǎn)角度為45度，這樣就可以將方塊旋轉(zhuǎn)180度。

運行代碼后，我們將會看到一個紅色的方塊被旋轉(zhuǎn)到了原來的相反方向。注意，旋轉(zhuǎn)角度的值需要根據(jù)實際情況進行調(diào)整，以獲得理想的旋轉(zhuǎn)效果。

需要注意的是，CSS旋轉(zhuǎn)功能只支持水平和垂直方向上的旋轉(zhuǎn)，不支持角度為負數(shù)或90度或180度的旋轉(zhuǎn)。如果需要實現(xiàn)角度為負數(shù)或90度的旋轉(zhuǎn)，可以使用JavaScript來實現(xiàn)。