模板:傾斜文本
模板頁面
更多語言
更多操作
| 此模板使用Lua語言: |
本模板用於實現傾斜文本,例如:很久的故事是多久
參數
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=通用样式|rotate=通用旋转角度|color=通用文本颜色
|stn=第n个词的css样式|ron=第n个词的旋转角度}}
本模板會將每個詞分別置於inline-block內,通過transform屬性進行旋轉。
- style:適用於每個詞的css樣式。
- rotate:指定旋轉的角度,角度為正順時針旋轉,可以使用deg(度)、rad(弧度)、turn(圈數)等單位。
- color:指定文本的顏色。
- stn:為第n個詞單獨設置樣式。
- ron:為第n個詞單獨設置旋轉角度。
- 將某個匿名參數留空可創造一個斷行
示例
示例1
{{倾斜文本|rotate=-5deg|第一个词|第二个词|第三个词|......|第n个词}}
第一個詞第二個詞第三個詞......第n個詞
示例2
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=color:red
|color=blue<!--优先级比style更高-->
|rotate=-5deg
|st2=color:#6cf<!--单独设置样式-->
|ro2=10deg<!--单独设置样式-->
}}
第一個詞第二個詞第三個詞......第n個詞
示例3
{{倾斜文本|rotate=-5deg|第一个词|第二个词|第三个词|<!--留空可创造断行-->|第n个词}}
第一個詞第二個詞第三個詞
第n個詞
在POEM標籤內
如果這樣書寫模板:
<poem>
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=color:red
|color=blue
|rotate=-5deg
|st2=color:#6cf
|ro2=10deg
}}
</poem>
樣式將不再生效:會輸出:第一個詞第二個詞第三個詞......第n個詞
需要不斷行書寫:
<poem>
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词|style=color:red|color=blue|rotate=-5deg|st2=color:#6cf|ro2=10deg}}
</poem>
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||