基本用法
此处是对本模板参数的基本说明。关于示例及高级用法，请见#高级用法。
{{User:XiaoAnIsMe/Template/InfoShowbox
|宽度= <!-- 信息框的宽度，默认为300px -->
|高度= <!-- 信息框的高度，默认为150px -->
|边框= <!-- 信息框的边框颜色，默认为rgba(255,255,255,2) -->
|圆角半径= <!-- 信息框的圆角半径，默认为12px -->
|内边距= <!-- 信息框的边框与内容之间的距离，默认为20px -->
|背景色= <!-- 信息框的背景颜色，默认为rgba(248,249,250,0.65) -->
|内容= <!-- 要显示的内容。除了纯本文外，还可以使用图片或其他元素。更多用法或示例请见[[#高级用法]] -->
}}
简单的演示：
{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<center>'''小安最帅'''</center>你知道吗，小安其实是一个<del>大帅哥</del>！<br>真的很帅！}}
子模板
- {{/Bangumi}} - 番剧展示框
高级用法
内链图片
以下是几个内链图片的使用示例（已省略其他参数）。
内链图片和文字的参数都可以随意调整。
适合作为番剧的展示框
- 子模板：{{/Bangumi}}
{{User:XiaoAnIsMe/Template/InfoShowbox
|内容=<div style="width:100px; float:left;">[[File:example.jpg|middle|left|100px]]</div>
<div style="margin-left: 110px;">
<strong>标题</strong><br>
<p style="line-height: 1.2><small>此处为说明文字。建议使用small并将行间距调整为1.2。</small></p>
</div>
}}
以番剧《熏香花朵凛然绽放》为例：
{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Kaoruhana_KV2.jpg|left|100px]]</div><div style="margin-left: 110px;"><strong>薰香花朵凛然绽放</strong><br><p style="line-height: 1.2><small>在某个地方，有两个相邻的高中。<br>笨蛋聚集的底层男校·千鸟高中和历史悠久的大小姐学校·桔梗女子。<br>分别在两所学校上学的䌷凛太郎和和栗薰子相遇了……<br>“既近又远”的两人所编织而成，充满鲜艳青春色彩的学园物语！！</small></p></div>}}
适合作为游戏展示框
{{User:XiaoAnIsMe/Template/InfoShowbox
|内容=[[File:example.jpg|center|top|90x260px]]
<strong>标题</strong><br>
说明文字
}}
以游戏《U-ena -空焰火少女-》为例：
{{User:XiaoAnIsMe/Template/InfoShowbox|内容=[[File:U-ena-Cover.jpg|center|top|260x110px]]<strong>{{lang|ja|U-ena -遠花火の少女-}}</strong><br>U-ena -空焰火少女-}}
外链图片
外链图片除了在图片的设置上与内链图片有所不同外，总体上大同小异。
此处为了演示而通过外链的方式使用内部图片，实际使用请不要通过外链的方式使用内部图像。
外部图像番剧展示框
{{User:XiaoAnIsMe/Template/InfoShowbox|
内容=<div style="width:100px; float:left;"><img src="外部图像链接" style="width:100px;" /></div>
<div style="margin-left: 110px;">
<strong>NEW GAME!</strong><br>
<p style="line-height: 1.2><small>此处为说明文字。建议使用small并将行间距调整为1.2。</small></p></div>
}}
以番剧《NEW GAME!》第一期为例：
{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;"><img src="https://img.moegirl.org.cn/common/a/a7/New_Game_Anime_Visual.png" style="width:100px;" /></div><div style="margin-left: 110px;"><strong>NEW GAME!</strong><br><p style="line-height: 1.2><small>职场新鲜人[[凉风青叶]]，满心雀跃地进入她学生时期就梦寐以求的游戏公司，在这里除了有她小时候崇拜的角色设计师，还有其他形形色色的职场前辈。<br>除了画图外别无所长的青叶，兢兢业业展开她的游戏人生，她是否有办法制作出她心目中的完美游戏呢？</small></p></div>}}
外部图像游戏展示框
{{User:XiaoAnIsMe/Template/InfoShowbox
|内容=<center><img src="外部图像链接" style="width:auto; height:110px" /></center>
<strong>游戏名称</strong><br>
外文名或其他内容
}}
以视觉小说游戏《徒花异谭》为例：
{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<center><img src="https://img.moegirl.org.cn/common/4/4c/Adabana_Header.jpg" style="width:auto; height:110px" /></center><strong>徒花异谭</strong><br>{{lang|ja|徒花異譚}}}}
完美地显示出来
如果直接使用本模板，排版效果可能会不太理想。因此我建议使用{{Flex}}并添加style=gap: 20px以实现较好的排版。
同时，我也建议使用{{Hovers}}以增加互动效果。
以漫画《Urara迷路帖》为例子，使用了hovers-float（请缩小浏览器宽度查看）：
{{Hovers}}
{{flex
|style=gap: 20px
|1=
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol1.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第1卷</strong><br>2015年1月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol2.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第2卷</strong><br>2015年11月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol3.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第3卷</strong><br>2016年5月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol4.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第4卷</strong><br>2017年1月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol5.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第5卷</strong><br>2017年12月27日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol6.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第6卷</strong><br>2018年10月25日</div>}}</div>
<div class="hovers-float">{{User:XiaoAnIsMe/Template/InfoShowbox|内容=<div style="width:100px; float:left;">[[File:Urara Meirochou Vol7.jpg|middle|left|100px]]</div><div style="margin-left: 110px;"><strong>Urara迷路帖 第7卷</strong><br>2019年7月25日</div>}}</div>
}}
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
