在CSS中,我們可以使用rotate
函數(shù)來表示45度角。rotate
函數(shù)可以將一個元素旋轉(zhuǎn)指定的角度,以下是一個示例:
.rotate-45 { transform: rotate(45deg); }
在這個示例中,.rotate-45
類將應(yīng)用一個45度的旋轉(zhuǎn)到任何使用該類的元素上。transform: rotate(45deg)
語句將元素旋轉(zhuǎn)45度,你可以將rotate-45
類應(yīng)用到任何你想要的元素上,比如一個div
或者一個img
。
<div class="rotate-45">我是旋轉(zhuǎn)的div元素</div> <img class="rotate-45" src="image.jpg" alt="我是旋轉(zhuǎn)的圖片">
這樣,你的div和圖片都將被旋轉(zhuǎn)45度,如果你想要旋轉(zhuǎn)其他角度,你可以改變rotate
函數(shù)中的值,如果你想要旋轉(zhuǎn)30度,你可以寫rotate(30deg)
,如果你想要旋轉(zhuǎn)60度,你可以寫rotate(60deg)
。