在css中，可以利用transform屬性來(lái)設(shè)置文字旋轉(zhuǎn)角度，當(dāng)該屬性與“rotate()”函數(shù)配合使用時(shí)，能夠?qū)υ剡M(jìn)行2D旋轉(zhuǎn)操作，語(yǔ)法為“文字元素對(duì)象{transform:rotate(旋轉(zhuǎn)角度);}”。

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

css中怎樣設(shè)置文字旋轉(zhuǎn)角度

在css中，可以使用transform屬性設(shè)置文字的旋轉(zhuǎn)角度。下面舉例來(lái)看一下css如何將一排文字傾斜45度。示例如下：

1、新建一個(gè)html文件，命名為test.html，用于講解css如何將一排文字傾斜45度。在div標(biāo)簽內(nèi)，使用p標(biāo)簽創(chuàng)建一行文字。給div添加一個(gè)class屬性，用于設(shè)置css樣式。

在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置div的樣式，定義它的寬度為500px，高度為500px，背景顏色為黃色。

2、在css標(biāo)簽內(nèi)，再通過(guò)transform屬性設(shè)置文字的傾斜角度，例如，這里設(shè)置為45度。

在瀏覽器打開(kāi)test.html文件，查看實(shí)現(xiàn)的效果。

總結(jié)：

1、在div標(biāo)簽內(nèi)，使用p標(biāo)簽創(chuàng)建一行文字。

2、給div添加一個(gè)class屬性，用于設(shè)置css樣式。

3、在css標(biāo)簽內(nèi)，通過(guò)class設(shè)置div的樣式，定義它的寬度為500px，高度為500px，背景顏色為黃色。

4、在css標(biāo)簽內(nèi)，再通過(guò)transform屬性設(shè)置文字的傾斜角度。

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