查看“︁Example:色卡标签”︁的源代码

<div class="fx-hover-grow" style="position:relative;overflow:hidden;background:{{{背景色|#57000d}}};box-shadow:0 2px 8px rgba(0,0,0,0.15);">{{#if:{{{图片|}}}|<div style="position:absolute;inset:0;z-index:0;">[[File:{{{图片}}}|100%|link=|class=tag-bg-img]]</div>|}}{{#if:{{{链接|位格}}}|<span style="position:absolute;inset:0;z-index:10;">[[{{{链接|位格}}}|&#8203;]]</span>|}}<div style="position:relative;z-index:1;padding:1.2em 1.5em;color:#fff;min-height:5em;display:flex;flex-direction:column;justify-content:center;pointer-events:none;"><span class="font-{{{水印字体|rubik}}}" style="position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:5em;font-weight:900;line-height:1;opacity:0.15;pointer-events:none;z-index:0;white-space:nowrap;">{{{水印|}}}</span><span style="display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;position:relative;z-index:1;"><span class="font-{{{标题字体|noto}}}" style="font-size:2.2em;font-weight:900;letter-spacing:0.02em;">{{{名称|}}}</span><span class="font-{{{英文标题字体|rubik}}}" style="font-size:0.95em;font-weight:bold;letter-spacing:0.35em;">{{{英文标题|}}}</span><span class="font-{{{装饰字体|rubik}}}" style="font-size:0.8em;font-weight:bold;letter-spacing:0.25em;">{{{装饰|}}}</span></span></div></div>