Tier List:修订间差异

无编辑摘要
无编辑摘要
第8行: 第8行:
       <li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul>
       <li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul>


{{css:ul {
<style>ul {
         list-style: none;
         list-style: none;
         padding: 0;
         padding: 0;
第55行: 第55行:
         overflow: hidden;
         overflow: hidden;
         border-radius: 5px;
         border-radius: 5px;
       }}}
       }}
</style>

2024年4月23日 (二) 09:42的版本

  •            
               
    
  • T0缔造环境
  • T1一线成员
  • T1.5比肩T1的优秀战力
  • T2用来不错的中坚力量
  • T3可以一用
  • T4缺卡时姑且能拿来替补
  • T5快逃
  • T♾️独一档「神」

<style>ul {

       list-style: none;
       padding: 0;
     }
     li {
       position: relative;
       display: flex;
     }
     .ranking-title {
       width: 75px;
       min-height: 75px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 5px 0 0 5px;
       /* position: relative; */
     }
     .ranking-title span:nth-child(2) {
       display: none;
       position: absolute;
       top: calc(50% + (75px));
       background-color: rgba(0, 0, 0, 0.5);
       border-radius: 5px;
       left: 0;
     }
     .ranking-title:hover span:nth-child(2) {
       display: flex;
     }
     li + li {
       margin-top: 20px;
     }
     .tier {
       background-color: rgba(243, 223, 167, 1);
       flex: 1;
       border-radius: 0 5px 5px 0;
       gap: 20px;
       display: grid;
       grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
       padding: 20px;
     }
     .link {
       width: 42px;
       height: 42px;
       border: 2px solid rgba(30, 23, 33, 1);
       overflow: hidden;
       border-radius: 5px;
     }}

</style>