CSS中可以使用transform
屬性來創(chuàng)建傾斜的文字效果,以下是一個(gè)簡單的示例,展示如何使用CSS來傾斜文本:
p { transform: skew(-20deg); }
在這個(gè)示例中,p
元素上的文本將被傾斜20度,你可以根據(jù)需要調(diào)整這個(gè)角度,負(fù)值將使得文本向右傾斜,正值將使得文本向左傾斜。
如果你想讓整個(gè)段落塊而不是單獨(dú)的文本行傾斜,你可以將transform
屬性應(yīng)用到段落塊上:
p { transform: skew(-20deg); writing-mode: vertical-rl; /* 讓文本從右到左垂直排列 */ }
在這個(gè)示例中,整個(gè)段落塊將被傾斜20度,并且文本將從右到左垂直排列。
transform
屬性在IE9及更早版本的Internet Explorer中不受支持,在使用這個(gè)屬性時(shí),請(qǐng)確保你的目標(biāo)瀏覽器支持它。