模板:熒光筆
跳至導覽
跳至搜尋
簡介
本模板用於實現熒光筆高亮風格的彩色下劃線,可用於在文段中劃重點詞句,或者裝飾各種列表、表格中的小標題。
推薦搭配粗體字使用。也可配合 {{color}} 、 {{Coloredlink}} 等模板,同時修改短語或內鏈的字體顏色。
使用方法
代碼結構
{{荧光笔|欲显示文字|color=颜色|start=线条上端位置(百分比)|end=线条下端位置(百分比)|title=鼠标悬停显示注释}}
參數說明
參數名 | 說明 | 默認值 |
---|---|---|
color
|
熒光筆的顏色 | #fcec52
|
start
|
熒光筆線條上端的位置(帶百分號的百分比,文字頂端記為0%,底端記為100%) | 70%
|
end
|
熒光筆線條下端的位置(帶百分號的百分比,文字頂端記為0%,底端記為100%) | 100%
|
title
|
設置該參數後,可規定鼠標放到文字上時顯示的內容 | N/A |
例1:默認效果
- 源碼:
{{荧光笔|黄色的荧光笔底部划线}}
- 顯示:黃色的熒光筆底部劃線
例2:定製效果
- 源碼:
{{荧光笔|'''蓝色的荧光笔粗划线'''|color=#9cdeff|start=35%|end=80%}}
- 顯示:藍色的熒光筆粗劃線
例3:下劃線效果 + 鼠標懸停
- 源碼:
{{荧光笔|'''The quick brown fox jumps over the lazy dog'''|color=#9ce6d5|start=90%|title=英语全字母句}}
- 顯示:The quick brown fox jumps over the lazy dog
類似模板
- {{Background color}}:設置文字單一背景色的模板。可視作本模板
start=0%
、end=100%
的簡化版。 - {{Linear-gradient}}:設置漸變背景色的模板。其核心代碼的原理與本模板相同,均基於CSS函數「linear-gradient」設計。但是,本模板可以作用於段落中的部分詞句,即便被劃線的文字中間出現自然換行,劃線也可正確作用於每一行,而{{Linear-gradient}}會將整段文字的背景視為一個整體,不能作用於段中的個別詞句。
|