溫馨提示×

css如何讓字體旋轉(zhuǎn)角度

css
養(yǎng)魚的貓咪
1627
2021-03-26 14:19:59
欄目: 編程語言

在css中實(shí)現(xiàn)旋轉(zhuǎn)字體角度的方法：1.創(chuàng)建p標(biāo)簽；2.使用transform屬性設(shè)置字體旋轉(zhuǎn)；

css如何讓字體旋轉(zhuǎn)角度

在css中實(shí)現(xiàn)旋轉(zhuǎn)字體角度的方法

1.首先，在頁面中創(chuàng)建兩個p標(biāo)簽，并添加文字用于對比；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style></style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</html>

2.p標(biāo)簽創(chuàng)建好后，在css中使用transform屬性即可設(shè)置字體的旋轉(zhuǎn)角度；

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <style>
.nav{
transform:rotate(-30deg);
}
  </style>
</head>
<body>
 <p>測試文本</p>
 <p class="nav">測試文本</p>
</body>
</html>

效果：

css如何讓字體旋轉(zhuǎn)角度

0 踩