利用HTML常用标签,CSS常用属性,JS入门语法
制作一个3D旋转相册
part one
完成《个人相册》项目登录页面
代码如下,如有需要请自行整合
#but1{
background-color: coral;
border-bottom: black 1px solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
#but2{
background-color: coral;
border-bottom: black 1px solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
}
.circle {
border-radius: 50%;
width: 400px;
height: 400px;
transform: translate(500px,100px);
text-align: center;
background-color:rgba(252,230,201,0.7);
}
#num1{
border-bottom: black 1px solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;
}
#num2{
border-bottom: black 1px solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: transparent;
}
<body background="素材/综合.jpg" wight="100%">
<div >
<div class="circle"><br/><br/><br/><br/>
<strong>立即登陆</strong><br/>
<table>
<tr>
<input type="text" id="nm" placeholder="电子邮箱:" />
</tr><br/><br/>
<tr>
<input type="password" id="p1" placeholder="密码,长度至少六位" />
</tr><br/><br/>
<tr>
<a href="#">忘记密码?</a>
</tr><br/><br/>
<tr>
<input type="button" id="but1" value="登陆" onclick="fenn()" />
<input type="button" id="but2" value="注册" onclick="fann()"/>
</tr>
</table>
</div>
</div>
</body>
function fann(){
window.location.href="注册.html";
window.event.returnValue = false