CSS角度是指測量和指定HTML元素的方向,沿著其中一條軸或平面。在CSS中,角度通常使用度(deg)、弧度(rad)或梯度(grad)來度量。CSS規范中,角度的默認單位是度數。
對于角度,我們可以使用transform屬性來旋轉HTML元素。例如,讓一個方塊元素繞其中心點順時針旋轉45度:
.square { width: 100px; height: 100px; background-color: red; transform: rotate(45deg); }
我們還可以使用transform-origin屬性來指定旋轉的中心點。例如,讓方塊元素圍繞底部中心旋轉45度:
.square { width: 100px; height: 100px; background-color: red; transform-origin: center bottom; transform: rotate(45deg); }
除了旋轉,我們還可以使用傾斜(skew)來調整HTML元素的角度。例如,讓一個方塊元素向右傾斜30度:
.square { width: 100px; height: 100px; background-color: red; transform: skew(30deg, 0deg); }
總之,CSS角度是確定HTML元素方向的重要概念,它可以讓我們創建出更加豐富多彩的頁面。