查看“︁Project:首页导航栏”︁的源代码

{| class="mainpage-nav" style="width:100%; text-align:center;"
| <div class="div-1">[[File:俄罗斯在夕阳下享受温暖并感到开心 by Cafe Dubak.jpg|200px|link=俄罗斯|作者：Cafe Dubak (VK)，图像来自俄语wiki|class=title-hover]]</div>'''[[俄罗斯]]'''
| <div class="div-2">[[File:Ukraine lay on a yellow filed.jpg|200px|link=乌克兰|作者：未知，图像来自Pinterest|class=title-hover]]</div>'''[[乌克兰]]'''
| <div class="div-3">[[File:Cute China by Noel.jpg|200px|link=中国|作者：Noel (Twitter/X)|class=title-hover]]</div>'''[[中国]]'''
| <div class="div-4">[[File:可爱的白俄罗斯女孩 by 糖槭uwu.png|200px|link=白俄罗斯|作者：糖槭uwu (Lofter)|class=title-hover]]</div>'''[[白俄罗斯|白俄]]'''
| <div class="div-5">[[File:夜色下的波兰.jpg|200px|link=波兰|作者：未知，图像来自Amino|class=title-hover]]</div>'''[[波兰]]'''
|-
| <div class="div-6">[[File:美国 by 早晨..png|150px|link=美国|作者：早晨. (Lofter)，图像来自Pinterest|class=title-hover]]</div>'''[[美国]]'''
| <div class="div-7">[[File:日本猫猫！by @zeRuxx_.jpg|200px|link=日本|作者：@zeRuxx_(Twitter/X)|class=title-hover]]</div>'''[[日本]]'''
| <div class="div-8">[[File:英国 by Osusidaisuko.png|200px|link=英国|作者：Osusidaisuko (英语wiki)|class=title-hover]]</div>'''[[英国]]'''
| <div class="div-9">[[File:苏联 by bleh.jpg|200px|link=苏联|作者：bleh 或 @hq_ms (?)，图像来自Pinterest|class=title-hover]]</div>'''[[苏联]]'''
| <div class="div-10">[[File:Finland by Lucky Fivenight.png|300px|link=芬兰|作者：Lucky Fivenight (Youtube)，图像来自哔哩哔哩|class=title-hover]]</div>'''[[芬兰]]'''
|}{{#css:
.mainpage-nav td{
    vertical-align: top;
    width: 20%;}
.mainpage-nav div{
    border-radius: 1.3vw;
    border: 2px solid var(--page-color-3);
    overflow: hidden;
    max-width: 120px;
    margin: auto;}
.mainpage-nav div img{
    width: 100% !important;
    height: 120px !important;
    object-fit: cover;}
.mainpage-nav .div-3 img{
    object-position: 0 -5px;}
.mainpage-nav .div-6 img{
    object-position: 2px;
    transform: scale(1.03);}
.mainpage-nav .div-7 img{
    transform: scale(1.05);}
.mainpage-nav .div-10 img{
    transform: scale(1.1);
}
}}