<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>背景</title>
<style>
div {
margin: auto;
}
table {
margin: auto;
background-color:transparent;
}
.zh {
filter: alpha(Opacity=80);
-moz-opacity: 0.5; /*文本框透明 */
opacity: 0.5;
}
.celang {
display: block;
width: 280px;
height: 60px;
background-color:transparents;
font-size: 14px; /*字体大小*/
color: aliceblue;
text-indent: 2em;
text-decoration: none; /*下划线*/
line-height: 60px;
background-position: left top;
}
.celang:hover{
background-color: #ff6700;
}
body {
background-image: url("bg.jpg");
background-position: center top;
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div>
<a href="#" class="celang">英雄</a>
<a href="#" class="celang">皮肤</a>
<a href="#" class="celang">抽奖</a>
<a href="#" class="celang">夺宝</a>
<a href="#" class="celang">铭文</a>
<a href="#" class="celang">战队</a>
<a href="#" class="celang">战绩</a>
</div>
<table width="500" >
<!-- -->
<tr>
<td>账号</td>
<td>
<input class="zh">
</td>
</tr>
<!-- -->
<tr>
<td>密码</td>
<td>
<input type="password" class="zh">
</td>
</tr>
<!-- -->
<tr>
<td></td>
<!-- <td><input type="submit" value="登录"></td> -->
<td><a href="网页2.html" target="_blank"><input type="submit" value="登录"></a></td>
</tr>
<!-- -->
<tr>
<td></td>
<td>
<input type="checkbox" checked="checked">我已阅读并同意注册准则
</td>
</tr>
<!-- -->
<tr>
<td></td>
<td>
<a href="#">我已注册,立即登录</a>
</td>
</tr>
<!---->
<tr>
<td></td>
<td>
<h4>我承诺</h4>
<ul>
<li>自愿加入</li>
<li>遵守规则</li>
<li>承担责任</li>
</ul>
</td>
</tr>
</table>
</body>
</html>