模板:熒光筆

模板文檔  

這個文檔嵌入自Template:熒光筆/doc。

簡介

本模板用於實現熒光筆高亮風格的彩色下劃線，可用於在文段中劃重點詞句，或者裝飾各種列表、表格中的小標題。

推薦搭配粗體字使用。也可配合 {{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}}會將整段文字的背景視為一個整體，不能作用於段中的個別詞句。