更多操作
（创建页面，内容为“<!DOCTYPE html> <html lang="zh"> <head> <style> body { font-family: Arial, sans-serif; background-color: #f4f4f4; color: #333; margin: 0; padding: 0; } .container { max-width: 1200px; margin: auto; padding: 20px; } h1 { text-align: center; color: #3a3a3a; margin-top: 40px; }…”） |
无编辑摘要 |
||
| 第9行： | 第9行： | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
h1 { | h1 { | ||
| 第63行： | 第58行： | ||
</head> | </head> | ||
<body> | <body> | ||
<h1>欢迎来到跨系铁路局官方wiki网站！</h1> | |||
<p>电脑端未注册用户请点击网站右上角“创建账号”进行注册！手机端请点击左上角三条杠进行注册！已注册用户请登录！</p> | |||
<a href="#" class="button">加入服务器</a> | |||
<div class="links"> | |||
<div class="link-item"> | |||
<a href="入服须知.html" class="button">入服须知</a> | |||
</div> | |||
<div class="link-item"> | |||
<a href="赞助者鸣谢列表.html" class="button">服务器赞助者鸣谢列表</a> | |||
</div> | |||
<div class="link-item"> | |||
<a href="https://littleskin.cn/" target="_blank" class="button">皮肤站注册！</a> | |||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
2024年7月21日 (日) 13:07的版本
<!DOCTYPE html> <html lang="zh"> <head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
color: #333;
margin: 0;
padding: 0;
}
h1 {
text-align: center;
color: #3a3a3a;
margin-top: 40px;
}
p {
font-size: 18px;
line-height: 1.6;
}
a {
color: #007acc;
text-decoration: none;
}
a:hover {
color: #005fa3;
}
.button {
display: inline-block;
background-color: #007acc;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
border-radius: 5px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #005fa3;
}
.links {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 40px;
}
.link-item {
width: calc(100% / 3 - 20px);
margin-bottom: 20px;
text-align: center;
}
@media (max-width: 768px) {
.link-item {
width: 100%;
}
}
</style>
</head> <body>
欢迎来到跨系铁路局官方wiki网站！
电脑端未注册用户请点击网站右上角“创建账号”进行注册！手机端请点击左上角三条杠进行注册！已注册用户请登录！
<a href="#" class="button">加入服务器</a>
<a href="入服须知.html" class="button">入服须知</a>
<a href="赞助者鸣谢列表.html" class="button">服务器赞助者鸣谢列表</a>
<a href="https://littleskin.cn/" target="_blank" class="button">皮肤站注册！</a>
</body> </html>