代码释义

整体结构

表格的开始与结束

Wiki表格的代码以{| 开始，以 |} 结束。

代码示例:

 
{|
…（内容）
|}

样式格式

整个表格和各个单元格均使用了内联 CSS 样式（style="…"），这决定了它们的外观，例如宽度、边框、圆角、背景色、内边距等。

代码详解

{| class="wikitable" style="text-align:center; width:320px; border:2px solid #c3a375; border-radius:10px; border-collapse: collapse; margin:0; padding:0; overflow:hidden; box-shadow:2px 2px 8px rgba(0,0,0,0.2); font-family:Arial, sans-serif; font-size:14px; line-height:1.5;"
|+ style="background:#c3a375; color:white; padding:8px; font-size:16px; font-weight:bold; border-radius:10px 10px 0 0; margin:0; display:block;" | 详细科技名
|-
| colspan=3 style="padding:0; margin:0; background:#fff;" | [[File:科技图片.jpg|120px]]
<!-- 插入图片请用 [[File:图片名字.图片格式|图片大小Xpx]] -->
|-
| style="background:#f5f5f5; font-weight:bold; padding:6px; margin:0;" | 解锁单位 
| colspan=2 style="padding:6px; margin:0;" | 单位名
<!-- 若无单位可删去 -->
|-
| style="background:#f5f5f5; font-weight:bold; padding:6px; margin:0;" | 解锁建筑 
| style="padding:6px; margin:0;" | 建筑甲<br>[[File:建筑甲.jpg|50px]]
| style="padding:6px; margin:0;" | 建筑乙<br>[[File:建筑乙.jpg|50px]]
|-
| style="background:#f5f5f5; font-weight:bold; padding:6px; margin:0;" | 解锁能力 
| style="padding:6px; margin:0;" | 能力1<br>[[File:能力1.jpg|50px]]
| style="padding:6px; margin:0;" | 能力2<br>[[File:能力2.jpg|50px]]
<!-- 若无解锁能力可删去 -->
|-
| style="background:#f5f5f5; font-weight:bold; padding:6px; margin:0;" | 解锁任务 
| colspan=2 style="padding:6px; margin:0;" | 任务<br>[[File:任务.jpg|50px]]
<!-- 若无解锁任务可删去 -->
|-
| colspan=3 style="background:#f9f9f9; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:8px; font-style:italic; margin:0;" | *科技描述或额外信息*
|}

显示效果

详细科技名

文件:科技图片.jpg
解锁单位	单位名
解锁建筑	建筑甲 文件:建筑甲.jpg	建筑乙 文件:建筑乙.jpg
解锁能力	能力1 文件:能力1.jpg	能力2 文件:能力2.jpg
解锁任务	任务 文件:任务.jpg
*科技描述或额外信息*

表格的开始部分

{| class="wikitable" style="text-align:center; width:320px; border:2px solid #c3a375; border-radius:10px; border-collapse: collapse; margin:0; padding:0; overflow:hidden; box-shadow:2px 2px 8px rgba(0,0,0,0.2); font-family:Arial, sans-serif; font-size:14px; line-height:1.5;"

1. {| 表示表格开始。
2. class="wikitable" 使用 Wiki 默认的表格样式（你可以根据需要替换或补充）。

   3.	text-align:center; —— 内容居中对齐。(可以改成left, right)
 

4. width:320px; —— 表格总宽度为 320 像素。
5. border:2px solid #c3a375; —— 表格边框为 2 像素实线，颜色为 #c3a375。
6. border-radius:10px; —— 表格四角圆角半径为 10px。
7. border-collapse: collapse; —— 边框合并，去掉单元格间的空隙。
8. margin:0; padding:0; —— 外边距和内边距均为 0。
9. overflow:hidden; —— 内容超出部分隐藏，保证圆角效果整齐。
10. box-shadow:2px 2px 8px rgba(0,0,0,0.2); —— 添加阴影效果。
11. font-family:Arial, sans-serif; font-size:14px; line-height:1.5; —— 设置表格内文字的字体、字号和行距。

表格居右

<div style="float:right; width:350px; margin:0 0 10px 10px;">