制作一个3D旋转相册

最新推荐文章于 2024-06-12 00:39:09 发布

小小#

最新推荐文章于 2024-06-12 00:39:09 发布

阅读量558

点赞数

文章标签： 3d html

本文链接：https://blog.csdn.net/m0_58822985/article/details/117745180

版权

利用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()" />&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="button"  id="but2" value="注册"   onclick="fann()"/>
                </tr>
            </table>
        </div>
  
        
    </div>

</body>

  function  fann(){
   
        
        window.location.href="注册.html";
           window.event.returnValue = false

最低0.47元/天解锁文章

小小#

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
制作一个3D旋转相册

利用HTML常用标签，CSS常用属性，JS入门语法制作一个3D旋转相册part one完成《个人相册》项目登录页面代码如下：
复制链接

扫一扫