帮我用html写一个拦截页面要求是二次元风格。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>二次元拦截页面</title>
<style>
body {
background-color: #f1f1f1;
font-family: Arial, sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding-top: 50px;
text-align: center;
}
h1 {
font-size: 48px;
margin-bottom: 30px;
color: #333;
}
p {
font-size: 24px;
margin-bottom: 30px;
color: #666;
}
img {
max-width: 100%;
height: auto;
margin-bottom: 30px;
}
button {
background-color: #dd4b39;
border: none;
color: #fff;
font-size: 24px;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #c74331;
}
</style>
</head>
<body>
<div class="container">
<h1>拦截页面</h1>
<img src="https://i.imgur.com/5IBqG2F.jpg" alt="二次元人物">
<p>您访问的页面已被拦截，请返回首页。</p>
<button onclick="window.location.href='http://www.example.com';">返回首页</button>
</div>
</body>
</html
原文地址: https://www.cveoy.top/t/topic/g8kX 著作权归作者所有。请勿转载和采集!