神奇宝贝百科定义了一系列层叠样式表（CSS）用于对百科里的内容进行美化，这里介绍了这些CSS的具体内容。这些CSS仅能在神奇宝贝百科内生效，在其他网站可能将无法看到正确的显示效果。
我们鼓励您在沙盒或您自己的沙盒中练习这些代码。
使用方式
CSS能够对网页内的HTML标签或wiki格式文本进行修饰和美化，从而对文字、表格、图片等的大小、边距、对齐、边框、圆角、颜色等方面进行统一规定。
所有CSS类要加在HTML标签或wiki格式的class属性内，多个类需要使用空格隔开。同一类中，后使用的CSS会覆盖之前的CSS，不同类的则根据优先级排序。
根据需要分别将代码放置在合适的行、单元格内：
{| class="表格css类（表格边框、背景、圆角、定位、隐藏、排序）"
|- class="行css类（行背景颜色、文字定位）"
| class="单元格css类（单元格边框、背景、圆角、文字定位、隐藏）" | 单元格内容
|}
一个最佳实践：
{| class="bg-颜色 bd-颜色 roundy roundyhead-5 eplist"
|- class="bgl-颜色"
! 表头A
! 表头B
|-
| 单元格内容A
| 单元格内容B
|}
以span标签为例：
<span class="文字块边框、背景、圆角">文字块</span>
此外，也可以对p、div等标签使用。
放在图片的class后，无需使用引号：
[[File:Test.png|class=图片边框、圆角]]
除此之外，当需要对表格和HTML标签进行样式的自定义时，可以使用style进行定义。详细的教程请参考HTML教科书。
以下章节将对神奇宝贝百科内的CSS进行简要介绍。“[]”为选填部分，使用时无需输入“[”和“]”。
格式相关
| 样式
|
代码
|
| 列表居中、文字居中、下圓角、单元格背景定義為白色
|
eplist
|
| 文字居中、下圓角、行背景定義為白色、鼠标移过高亮
|
hvlist
|
| 全圆角
|
roundy[-半径]
|
表头自动圆角
|
roundyhead[-半径]
|
| 上圆角
|
roundytop[-半径]
|
下圆角
|
roundybottom[-半径]
|
| 左圆角
|
roundyleft[-半径]
|
右圆角
|
roundyright[-半径]
|
| 左上圆角
|
roundytl[-半径]
|
右上圆角
|
roundytr[-半径]
|
| 左下圆角
|
roundybl[-半径]
|
右下圆角
|
roundybr[-半径]
|
- 默认半径为10px。
| 可选半径
|
10
|
4
|
5
|
6
|
8
|
15
|
20
|
24
|
25
|
30
|
32
|
48
|
50
|
60
|
80
|
96
|
100
|
|
|
水平方向
|
垂直方向
|
| 相对于页面对齐
|
相对于单元格对齐
|
| 左对齐（顶端对齐）
|
a-l
|
at-l
|
va-t
|
| 居中
|
a-m / a-c
|
at-m / at-c
|
va-m / va-c
|
| 右对齐（底部对齐）
|
a-r
|
at-r
|
va-b
|
- 边框宽度：需要更改边框宽度时，可以在class的bl/b/bg类之后添加bw-1或bw-2
|
|
宽度
|
| 默认
|
默认
|
| 1px
|
bw-1
|
| 2px
|
bw-2
|
- 默认值为3px。需要其他宽度的边框时，需要在style属性中定义。
- 如：style="border-width:[自定宽度]px;"
|
颜色相关
可以在定义背景、边框和文字的同时定义其颜色。颜色样式名称主要取自对应实体的中文简称或英文缩写，颜色主要取自对应实体的封面、商标、图片、图标、攻略本、官网等。
|
|
浅色
|
普色
|
深色
|
特殊色
|
| 背景颜色
|
bgl-[样式名称]
|
bg-[样式名称]
|
bgd-[样式名称]
|
不存在
|
| 边框颜色
|
bl-[样式名称]
|
b-[样式名称]
|
bd-[样式名称]
|
不存在
|
| 文字颜色
|
tl-[样式名称]
|
t-[样式名称]
|
td-[样式名称]
|
ts-[样式名称]
|
- 百科提供了另外3个颜色类，分别是bgwhite（将背景定义为白色）、textblack（将文字定为黑色）和textwhite（将文字定为白色）。所有文字颜色类都会覆盖超链接的默认颜色。
|
游戏
| 游戏颜色
|
| 红
|
|
|
|
没有特殊色
|
|
| 绿
|
|
|
|
没有特殊色
|
|
| 蓝
|
|
|
|
没有特殊色
|
|
| 皮卡丘
|
|
|
|
没有特殊色
|
|
| 金
|
|
|
|
没有特殊色
|
|
| 银
|
|
|
|
没有特殊色
|
|
| 水晶
|
|
|
|
没有特殊色
|
|
| 红宝石
|
|
|
|
没有特殊色
|
|
| 蓝宝石
|
|
|
|
没有特殊色
|
|
| 绿宝石
|
|
|
|
没有特殊色
|
|
| 火红
|
|
|
|
没有特殊色
|
|
| 叶绿
|
|
|
|
没有特殊色
|
|
| 钻石
|
|
|
|
没有特殊色
|
|
| 珍珠
|
|
|
|
没有特殊色
|
|
| 白金
|
|
|
|
没有特殊色
|
|
| 心金
|
|
|
|
没有特殊色
|
|
| 魂银
|
|
|
|
没有特殊色
|
|
| 黑
|
|
|
|
没有特殊色
|
|
| 白
|
|
|
|
没有特殊色
|
|
| 黑2
|
|
|
|
没有特殊色
|
|
| 白2
|
|
|
|
没有特殊色
|
|
| X
|
|
|
|
没有特殊色
|
|
| Y
|
|
|
|
没有特殊色
|
|
欧米伽红宝石
OR
|
|
|
|
没有特殊色
|
|
阿尔法蓝宝石
AS
|
|
|
|
没有特殊色
|
|
| 太阳
|
|
|
|
没有特殊色
|
|
| 月亮
|
|
|
|
没有特殊色
|
|
究极之日
US
|
|
|
|
没有特殊色
|
|
究极之月
UM
|
|
|
|
没有特殊色
|
|
LG皮卡丘
LP
|
|
|
|
没有特殊色
|
|
LG伊布
LE
|
|
|
|
没有特殊色
|
|
剑
SW
|
|
|
|
没有特殊色
|
|
盾
SH
|
|
|
|
没有特殊色
|
|
| 铠之孤岛
|
|
|
|
没有特殊色
|
|
| 冠之雪原
|
|
|
|
没有特殊色
|
|
晶灿钻石
BD
|
|
|
|
没有特殊色
|
|
明亮珍珠
SP
|
|
|
|
没有特殊色
|
|
传说阿尔宙斯
LA
|
|
|
|
没有特殊色
|
|
| 朱
|
|
|
|
没有特殊色
|
|
| 紫
|
|
|
|
没有特殊色
|
|
| 碧之假面
|
|
|
|
没有特殊色
|
|
| 蓝之圆盘
|
|
|
|
没有特殊色
|
|
传说ZA
LZ
|
|
|
|
没有特殊色
|
|
| 赤救
|
|
|
|
没有特殊色
|
|
| 青救
|
|
|
|
没有特殊色
|
|
| 时探
|
|
|
|
没有特殊色
|
|
| 暗探
|
|
|
|
没有特殊色
|
|
| 空探
|
|
|
|
没有特殊色
|
|
| 极大之门
|
|
|
|
没有特殊色
|
|
| XD
|
|
|
|
没有特殊色
|
|
| COLO
|
|
|
|
没有特殊色
|
|
| 巡护员
|
|
|
|
没有特殊色
|
|
| DeP
|
|
|
|
没有特殊色
|
|
|
|
属性
| 游戏属性颜色
|
| 一般
|
|
|
|
没有特殊色
|
|
| 火
|
|
|
|
没有特殊色
|
|
| 水
|
|
|
|
没有特殊色
|
|
| 草
|
|
|
|
没有特殊色
|
|
| 电
|
|
|
|
没有特殊色
|
|
| 格斗
|
|
|
|
没有特殊色
|
|
| 飞行
|
|
|
|
没有特殊色
|
|
| 毒
|
|
|
|
没有特殊色
|
|
| 虫
|
|
|
|
没有特殊色
|
|
| 岩石
|
|
|
|
没有特殊色
|
|
| 地面
|
|
|
|
没有特殊色
|
|
| 超能力
|
|
|
|
没有特殊色
|
|
| 冰
|
|
|
|
没有特殊色
|
|
| 龙
|
|
|
|
没有特殊色
|
|
| 幽灵
|
|
|
|
没有特殊色
|
|
| 恶
|
|
|
|
没有特殊色
|
|
| 钢
|
|
|
|
没有特殊色
|
|
| 妖精
|
|
|
|
没有特殊色
|
|
| 未知
|
|
|
|
没有特殊色
|
|
| 暗影
|
|
|
|
没有特殊色
|
|
|
|
地区
| 地区颜色
|
| 关都
|
|
|
|
没有特殊色
|
|
| 城都
|
|
|
|
没有特殊色
|
|
| 丰缘
|
|
|
|
没有特殊色
|
|
| 神奥
|
|
|
|
没有特殊色
|
|
| 合众
|
|
|
|
没有特殊色
|
|
| 卡洛斯
|
|
|
|
没有特殊色
|
|
| 阿罗拉
|
|
|
|
没有特殊色
|
|
| 伽勒尔
|
|
|
|
没有特殊色
|
|
| 洗翠
|
|
|
|
没有特殊色
|
|
| 帕底亚
|
|
|
|
没有特殊色
|
|
| 七之岛
|
|
|
|
没有特殊色
|
|
| 橘子
|
|
|
|
没有特殊色
|
|
| 杰可罗拉
|
|
|
|
没有特殊色
|
|
| 菲蕾
|
|
|
|
没有特殊色
|
|
| 欧雷
|
|
|
|
没有特殊色
|
|
| 阿尔米亚
|
|
|
|
没有特殊色
|
|
| 奥卜利比亚
|
|
|
|
没有特殊色
|
|
| 乱世
|
|
|
|
没有特殊色
|
|
| 宝可梦卡牌岛
|
|
|
|
没有特殊色
|
|
| 坚铁
|
|
|
|
没有特殊色
|
|
|
|
道具
| 道具颜色
|
| 道具
|
|
|
|
没有特殊色
|
|
| 回复
|
|
|
|
没有特殊色
|
|
| 精灵球
|
|
|
|
没有特殊色
|
|
| 招式学习器
|
|
|
|
没有特殊色
|
|
| 树果
|
|
|
|
没有特殊色
|
|
| 战斗
|
|
|
|
没有特殊色
|
|
| 邮件
|
|
|
|
没有特殊色
|
|
| 重要物品
|
|
|
|
没有特殊色
|
|
| 球果
|
|
|
|
没有特殊色
|
|
| Ｚ纯晶
|
|
|
|
没有特殊色
|
|
| 洛托姆之力
|
|
|
|
没有特殊色
|
|
| 宝物
|
|
|
|
没有特殊色
|
|
食材
野餐
|
|
|
|
没有特殊色
|
|
| 掉落物
|
|
|
|
没有特殊色
|
|
|
|
能力、口味
| 能力、口味颜色
|
| HP
|
|
|
|
没有特殊色
|
|
| 攻击
|
|
|
|
没有特殊色
|
|
| 防御
|
|
|
|
没有特殊色
|
|
| 特攻
|
|
|
|
没有特殊色
|
|
| 特防
|
|
|
|
没有特殊色
|
|
| 速度
|
|
|
|
没有特殊色
|
|
| 回避
|
|
|
|
没有特殊色
|
|
| 命中
|
|
|
|
没有特殊色
|
|
| 辣
|
|
|
|
没有特殊色
|
|
| 酸
|
|
|
|
没有特殊色
|
|
| 涩
|
|
|
|
没有特殊色
|
|
| 苦
|
|
|
|
没有特殊色
|
|
| 甜
|
|
|
|
没有特殊色
|
|
|
|
蛋群
| 蛋群颜色
|
| 陆上E
|
|
|
|
没有特殊色
|
|
| 怪兽E
|
|
|
|
没有特殊色
|
|
| 人型E
|
|
|
|
没有特殊色
|
|
| 水中1E
|
|
|
|
没有特殊色
|
|
| 水中2E
|
|
|
|
没有特殊色
|
|
| 水中3E
|
|
|
|
没有特殊色
|
|
| 植物E
|
|
|
|
没有特殊色
|
|
| 飞行E
|
|
|
|
没有特殊色
|
|
| 虫E
|
|
|
|
没有特殊色
|
|
| 龙E
|
|
|
|
没有特殊色
|
|
| 不定形E
|
|
|
|
没有特殊色
|
|
| 妖精E
|
|
|
|
没有特殊色
|
|
| 矿物E
|
|
|
|
没有特殊色
|
|
| 百变怪E
|
|
|
|
没有特殊色
|
|
| 未发现E
|
|
|
|
没有特殊色
|
|
| 性别不明E
|
|
|
|
没有特殊色
|
|
|
|
TCG
| PTCG颜色
|
| 无色C
|
|
|
|
没有特殊色
|
|
| 火C
|
|
|
|
没有特殊色
|
|
| 水C
|
|
|
|
没有特殊色
|
|
| 草C
|
|
|
|
没有特殊色
|
|
| 雷C
|
|
|
|
没有特殊色
|
|
| 斗C
|
|
|
|
没有特殊色
|
|
| 超C
|
|
|
|
没有特殊色
|
|
| 恶C
|
|
|
|
没有特殊色
|
|
| 钢C
|
|
|
|
没有特殊色
|
|
| 龙C
|
|
|
|
没有特殊色
|
|
| 妖C
|
|
|
|
没有特殊色
|
|
| 宝可体质C
|
|
|
|
没有特殊色
|
|
| 宝可力量C
|
|
|
|
没有特殊色
|
|
| 训练家卡C
|
|
|
|
没有特殊色
|
|
| 支援者卡C
|
|
|
|
没有特殊色
|
|
| 竞技场卡C
|
|
|
|
没有特殊色
|
|
| 物品卡C
|
|
|
|
没有特殊色
|
|
道具卡C
宝可梦道具C
|
|
|
|
没有特殊色
|
|
| 彩虹C
|
|
|
|
没有特殊色
|
|
| 特性C
|
|
|
|
没有特殊色
|
|
| 未知C
|
|
|
|
没有特殊色
|
|
|
|
招式分类
华丽大赛分类
| 华丽大赛颜色
|
| 华丽大赛
|
|
|
|
没有特殊色
|
|
| 聪明
|
|
|
|
没有特殊色
|
|
| 美丽
|
|
|
|
没有特殊色
|
|
| 强壮
|
|
|
|
没有特殊色
|
|
| 帅气
|
|
|
|
没有特殊色
|
|
| 可爱
|
|
|
|
没有特殊色
|
|
|
|
地点
| 地点颜色
|
| 陆地
|
|
|
|
没有特殊色
|
|
| 森林
|
|
|
|
没有特殊色
|
|
| 雾
|
|
|
|
没有特殊色
|
|
| 湿地
|
|
|
|
|
|
| 灰尘
|
|
|
|
没有特殊色
|
|
| 遗迹
|
|
|
|
没有特殊色
|
|
| 沙地
|
|
|
|
没有特殊色
|
|
| 湖泊
|
|
|
|
没有特殊色
|
|
| 海洋
|
|
|
|
没有特殊色
|
|
| 水下
|
|
|
|
没有特殊色
|
|
| 洞窟
|
|
|
|
没有特殊色
|
|
| 山峰
|
|
|
|
没有特殊色
|
|
| 火山
|
|
|
|
|
|
| 雪地
|
|
|
|
没有特殊色
|
|
| 空间
|
|
|
|
|
|
| 破碎
|
|
|
|
|
|
| 阴影
|
|
|
|
|
|
| 建筑
|
|
|
|
没有特殊色
|
|
| 道路
|
|
|
|
没有特殊色
|
|
| 天空
|
|
|
|
没有特殊色
|
|
| 宇宙
|
|
|
|
|
|
|
|
对战开拓区
| 对战开拓区颜色
|
| 对战开拓区
|
|
|
|
没有特殊色
|
|
| 塔
|
|
|
|
没有特殊色
|
|
| 工厂
|
|
|
|
没有特殊色
|
|
| 轮盘
|
|
|
|
没有特殊色
|
|
| 城堡
|
|
|
|
没有特殊色
|
|
| 舞台
|
|
|
|
没有特殊色
|
|
|
|
时间和季节
- 主頁面：时间小工具
| 时间、季节颜色
|
| 清晨
|
|
|
|
没有特殊色
|
|
| 白天
|
|
|
|
没有特殊色
|
|
| 黃昏
|
|
|
|
没有特殊色
|
|
| 夜晚
|
|
|
|
没有特殊色
|
|
| 春
|
|
|
|
没有特殊色
|
|
| 夏
|
|
|
|
没有特殊色
|
|
| 秋
|
|
|
|
没有特殊色
|
|
| 冬
|
|
|
|
没有特殊色
|
|
|
|
其它
| 其它颜色
|
| 睡眠
|
|
|
|
没有特殊色
|
|
濒死
昏厥
|
|
|
|
没有特殊色
|
|
| 神奇宝贝百科
|
|
|
|
没有特殊色
|
|
|
|
特殊功能
- 隐藏与展开
- 可使用MediaWiki系统的mw-collapsible类，这种方式可以支持非表格的元素。（推荐）
- 在表头（在“{|”之后）添加类collapsible，如果需要自动隐藏则再添加collapsed或autocollapse。
- collapsed令该表格内容自动隐藏。
- autocollapse可以令本页面内所有拥有该类的表格中的前两个自动展开，其余的自动隐藏。
- [隐藏]/[显示]按钮默认出现在表格首行的最后一个th元素（wiki表格代码中为“!”）中。
- 倘若首行没有th元素，则按钮不会出现。
- 可以对指定单元格添加collapsible-cell类，则按钮出现在该单元格，并会隐藏该单元格所在行之后的所有行的内容。
- 如需展开后显示图片，可以对被隐藏的单元格使用data-expand-img属性，属性内容为 {{filepath:文件名|缩略图大小}}。
- 排序
- 在表头添加类sortable，则会在表格首行的单元格内生成排序按钮。
- 高亮
- 在表头添加类hover，会使表格或该行在鼠标移过后高亮。注意，当hover与eplist类一起使用时，hover将不能生效。
- 时间小工具
- 在对应内容中添加适当的类，可以根据当前本地电脑时间，自动切换文字或CSS类。具体内容及使用方法请参看页面全文。
自定义层叠样式表
成为注册用户后，也可以自定义CSS和JavaScript来修改百科内容的显示效果。您可以为某个皮肤指定，也可以为所有皮肤指定。
您可以在这里找到建立自定义CSS页面的入口。需要特别注意的是，这些自定义效果仅对您自己显示的页面起作用，其它用户是看不到您的自定义效果的。
