你能否完全用html语言写一个赛博朋克风格的提示弹窗,主要围绕着服务器被攻击事件
时间: 2023-05-26 21:02:00 浏览: 121
多彩霓虹灯赛博朋克风格照片处理效果ps动作素材下载.rar
5星 · 资源好评率100%
以下是用HTML语言写的一个赛博朋克风格的提示弹窗,围绕着服务器被攻击事件:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>服务器被攻击!</title>
<style>
body {
background-color: #111;
color: #FFF;
font-family: Arial, sans-serif;
}
#popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #FFF;
border-radius: 20px;
padding: 20px;
background-color: #222;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
text-align: center;
}
p {
font-size: 24px;
line-height: 1.5;
margin-bottom: 20px;
text-align: justify;
}
button {
background-color: #FFF;
color: #111;
font-size: 24px;
border: none;
border-radius: 10px;
padding: 10px 20px;
cursor: pointer;
}
button:hover {
background-color: #111;
color: #FFF;
transition: 0.3s ease-in-out;
}
</style>
</head>
<body>
<div id="popup">
<h1>警告!</h1>
<p>我们的服务器遭受了攻击!黑客入侵了我们的系统,可能窃取了我们的用户数据和机密信息。我们正在全力修复这个问题,但我们需要您的帮助。请不要向任何人透露您的账号密码和机密信息,并即刻更改您的密码。我们感谢您对我们的支持和理解。</p>
<button onclick="window.close()">关闭</button>
</div>
</body>
</html>
阅读全文