置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:螢光筆

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

簡介

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

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