查看“︁模板:组织页面”︁的源代码

<!-- 黑底 -->
<div style="width:100%; height: 55px; background-color: #182943; color: white;"></div>
<!-- 彩色色條 -->
<div style="width:100%; float:left; height:10px; background: linear-gradient(to right, #ff9900 , #ff0000);"></div>

<div style="font-size:175%;line-height:100%; border:none; margin:0; padding:0; color:#ff6600;">声明：感谢[[用户:Theodore Xu]]为我们提供了wiki可用CSS的情报，本模板制作人[[真白]]</div><!-- 这一行可删除 -->
<div style="font-size:175%;line-height:100%; border:none; margin:0; padding:0; color:#ff6600;">颜色代码表[https://jingyan.baidu.com/article/d3b74d6411d4311f76e60951.html]</div>
</div>
<div class="plainlinks" style="text-align: center;"><!-- 文字居中 -->
<div style="display: inline-block; max-width: 82em; min-width: 18em; position: relative;">
<div style="height: 43px;"></div><!-- 图片高度 -->
<!-- 图片属性 -->
<div style="position: absolute;
 margin: auto;
 width: 100%; top: 0; left: 0; right: 0;">
[[File:图片名称|90px（大小）|link=|alt=]]<!-- 在此插入图片 -->
</div>
<!-- 外部包边 -->
<div style="text-align: left;<!-- 左对齐 -->
 border-radius: 6px;<!-- 圆角 -->
 border: rgba(0,0,0,0.1) 0 solid;
 padding: 7px 7px 7px 7px;<!-- 内边距 -->
 box-shadow: rgba(0,0,0,0.3) 0 8px 14px -1px;<!-- 四周阴影 -->
 margin: 0 0.5em 3em 0.5em;<!-- 底部隔离距离 -->
 background: #FF6600; "><!-- 外部包边底色 -->
<!-- 内部框 -->
<div style="text-align: left;
 border-radius: 6px;<!-- 圆角 -->
 border:4px solid #ffffff;<!-- 内部框边框 -->
 padding:10px 40px; 
 background:#FF6600;<!-- 内部框底色 -->
 width:70%<!-- 内+外框的宽度 -->
 border-radius:6px"><!-- 圆角 -->

<div style="height:1em;"></div><!-- 层高 -->
<div style="font-size:125%;"><!-- 字体大小 -->
<center style="line-height:110%;"><big>'</big></center><!-- 空格行，可修改line-height:???%来决定行高 -->
<center><big>'''这是标题1'''</big></center><!-- 标题 -->
</div>

----
文段1.<!-- 标题文段1 -->
----
文段2<!-- 标题文段2 -->
----

<!-- PS：若想继续添加文段，空白一行输入即可（----，为下划线可代替空白行） -->
</div></div></div></div>
<!-- ===介绍标题=== -->
<div style="font-size:175%;line-height:60%; border:none; margin:0; padding:0; color:#ff6600;">这是介绍标题</div><!-- 更换颜色变更color：后数值（如#44ffff为天依蓝） -->

<!-- 渐变色带 -->
<div style="width:100%; margin: 5px auto; height: 6px;">
<div style="width:100%; float:left; height:6px; background: linear-gradient(to right, #ff9900 , #ff0000);"></div><!-- 变更宽度更改height:？px ，更换颜色变更linear-gradient(to right,后数值A和B（如#44ffff为天依蓝），效果为颜色从A线性渐变到B -->
<!-- ===介绍文字=== -->

<span style="line-height:60%;color:#888;" class="plainlinks">这是一句话</span>

<span style="line-height:60%;color:#888;" class="plainlinks">如你所见，这也是一句话</span>

<span style="line-height:60%;color:#888;" class="plainlinks">如你所见，这还是一句话</span>

<span style="line-height:60%;color:#888;" class="plainlinks">没了</span>


<!-- ===介绍标题=== -->
<div style="font-size:175%;line-height:100%; border:none; margin:0; padding:0; color:#ff6600;">参照介绍标题</div>

<!-- 渐变色带 -->
<div style="width:100%; margin: 5px auto; height: 6px;">
<div style="width:100%; float:left; height:6px; background: linear-gradient(to right, #ff9900 , #ff0000);"></div><!-- 变更宽度更改height:？px ，更换颜色变更linear-gradient(to right,后数值A和B（如#44ffff为天依蓝），效果为颜色从A线性渐变到B -->

<div style="font-size:145%;line-height:150%; border:none; margin:0; padding:0; color:#ff6600;">这是句话</div>

<div style="font-size:145%;line-height:150%; border:none; margin:0; padding:0; color:#ff6600;">这也是</div>

<div style="font-size:145%;line-height:150%; border:none; margin:0; padding:0; color:#ff6600;">这还是</div>

<div style="font-size:145%;line-height:150%; border:none; margin:0; padding:0; color:#ff6600;">没了</div><!-- 要是文段不够请添加这一句，起始<div style="font-size:145%;line-height:150%; border:none; margin:0; padding:0; color:#ff6600;">打字</div>结尾 -->


<!-- 渐变色带 -->
<div style="width:100%; float:left; height:10px; background: linear-gradient(to right, #ff9900 , #ff0000);"></div><!-- 变更宽度更改height:？px ，更换颜色变更linear-gradient(to right,后数值A和B（如#44ffff为天依蓝），效果为颜色从A线性渐变到B -->
<!-- 黑底 -->
<div style="width:100%; height: 70px; background-color: #182943; color: white;"></div>
<!-- 以下内容没有搞懂但是可以凑行数 -->

<!-- 大標題 -->
<div class="height: 45px; font-size:100%; text-align: center; float: left; ">
<div style="width:10%; height: 10px; float: left;"></div>
<div style="width:80%; height: 10px; float: left;">
<div style="width:10%; height: 10px; float: left;"></div>

</div>

<!-- 分隔區 -->
<div style="width:100%; height: 10px; text-align: center; float: left; "></div>

<!-- 最底下 -->
<div style="width:100%; height: 10px; text-align: left; float: left; "></div>
</div>