3天0基础建站课程

[Html 教程] 网站搭建、维护的时候，比较适合放置的维护界面？

72 主题	0 回帖	1453 积分

管理员

Rank: 9 Rank: 9 Rank: 9

积分: 1453

发消息

发表于 5 天前 | 显示全部楼层 |阅读模式

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网站建设中</title>
<style>
/* 基础样式 */
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: Arial, sans-serif;
}
.container {
position: relative;
height: 100vh;
background-color: #282c36;
color: #fff;
text-align: center;
}
/* 垂直居中内容 */
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
h1 {
font-size: 3em;
margin-bottom: 10px;
}
p {
font-size: 1.5em;
}
/* 加点动画 */
.content span {
animation: blink 1.5s linear infinite;
}
@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<h1>网站建设中</h1>
<p>谢谢你的访问！网站还在建设中，<span><font color='red'><b>请耐心等待</b></font></span>。</p>
</div>
</div>
</body>
</html>

复制代码

这个就是效果

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

使用道具举报