css中，可利用transform屬性配合rotate()函數(shù)設(shè)置字體旋轉(zhuǎn)180度，transform屬性可對(duì)元素進(jìn)行旋轉(zhuǎn)操作，rotate()函數(shù)可定義元素旋轉(zhuǎn)樣式，語(yǔ)法“字體元素{transform:rotate(180deg);}”。

目前創(chuàng)新互聯(lián)建站已為超過(guò)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、撫順網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶(hù)導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶(hù)和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3怎樣設(shè)置字體旋轉(zhuǎn)180度

在css中，想要實(shí)現(xiàn)字體旋轉(zhuǎn)180度，可以利用transform屬性和rotate()函數(shù)實(shí)現(xiàn)。

transform 屬性向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。該屬性允許我們對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、移動(dòng)或傾斜。

rotate()函數(shù)定義 2D 旋轉(zhuǎn)，在參數(shù)中規(guī)定角度為180度即可。

示例如下：

這一段想要旋轉(zhuǎn)180度顯示

輸出結(jié)果：

（學(xué)習(xí)視頻分享：css視頻教程）