html css js注册成功界面
时间: 2023-09-20 13:10:19 浏览: 47
以下是一个简单的HTML、CSS和JavaScript代码示例,可以用于创建一个注册成功界面:
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<title>注册成功</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div class="container">
<h1>注册成功!</h1>
<p>您现在可以使用您的新账户登录。</p>
<button onclick="login()">登录</button>
</div>
</body>
</html>
```
CSS代码:
```
.container {
width: 400px;
margin: 0 auto;
text-align: center;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
}
p {
font-size: 18px;
margin-bottom: 20px;
}
button {
padding: 10px 20px;
font-size: 18px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #0062cc;
}
```
JavaScript代码:
```
function login() {
// 跳转到登录页面
window.location.href = "login.html";
}
```
这个示例的核心是一个包含标题、一条消息和一个登录按钮的容器。CSS样式应用于容器和按钮,使其看起来像一个吸引人的注册成功页面。JavaScript代码添加了一个onclick事件,以便在单击“登录”按钮时跳转到登录页面。