沙盒/技能2:修订间差异

更新日期: 2024-04-11  最新编辑:浮空港座头鲸

(创建页面,内容为“<div class="octa gon">OCTAGON</div> {{#css: .gon { width: 100%; height: 60px; background: black; background-size: 220px 220px; →‎Text styling:​ line-height: 220px; text-align: center; font-family: sans-serif; font-size: 15px; font-weight: bold; letter-spacing: 6px; color: #fff; color: rgba(255,255,255,.5); cursor: pointer; transition: color 500ms ease, text-shadow 500ms ease; } .octa { -webkit-clip-path: polygon( 1% 0, 9…”
 
无编辑摘要
第1行: 第1行:
<div class="octa gon">OCTAGON</div>
<div class="gon octa">
<table class="skill-table">
<tr>
<th>[[file:icon-]]</th>
<th><div class="gontable dis">
<div>技能名字</div>
<div>SP</div>
</div></th>
</tr>
<tr>
<td>空</td>
<td>描述</td>
</tr>
</table>
</div>
{{#css:
{{#css:
table.skill-table {
width: 100%;
}
.skill-table > * > tr > td {
text-align:left;
}
.skill-table > tr > th:first-child, .skill-table > * > tr > th:first-child, .skill-table > * > tr > td:first-child {
width:10%;
}
.skill-table > tr > th, .skill-table > * > tr > th {
background:gray;
}
.gontable{
width: 100%;
}
.dis{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 10px 0 10px;
}
.gon {
.gon {
   width: 100%;
   width: 100%;
  height: 60px;
background:black;
  background: black;
  background-size: 220px 220px;
 
  /* Text styling */
  line-height: 220px;
  text-align: center;
  font-family: sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 6px;
  color: #fff;
  color: rgba(255,255,255,.5);
  cursor: pointer;
  transition: color 500ms ease, text-shadow 500ms ease;
}
}
.octa {
.octa {

2024年4月8日 (一) 13:54的版本

文件:icon-
技能名字
SP
描述