HTML+CSS做登录注册界面

在登录界面点注册会进入注册界面

登录界面代码：

html>
lang="en">

    charset="UTF-8">
    



        
style="width:500px;float: right;margin:0 auto;" >
         for="username" style="font-size:18px" >用户名：
         
style="height:35px;width:400px;position:relative;display:inline" >    
             id="username" type="text" style="height:30px;width:350px;padding-right:50px;">
             style="position:absolute;right:18px;top:2px;background-image:url(user.ico);height:16px;width:16px;display:inline-block;">  
         
         

         

         for="password1" style="font-size:18px" > 密码：
         
style="height:35px;width:400px;position:relative;display:inline" >    
             id="password1" type="text" style="height:30px;width:350px;padding-right:50px;">
             style="position:absolute;right:16px;top:2px;background-image:url(p.ico);height:16px;width:16px;display:inline-block;">  
         
         

         

         for="verification_code" style="font-size:18px" >验证码：
         id="verification_code" type="text" style="height:30px;width:350px;">
         

         

         
style="width:426px;float: right;">
             type="radio" name="auto_login" value="1"/> 自动登录
             herf="找回密码网址">忘记密码？
             href="http://localhost:63342/jichu/day16/注册.html?_ijt=eb8klk8d781ojsf5e8eb7tjf41">注册
         
         

         

         
style="width:426px;float: right;">
             type="submit" value="登录" style="height:30px;width:400px;background-color:red;"/>
         
     

注册界面代码：

html>
lang="en">

    charset="UTF-8">
    
    


    
style="height:80px;">
    
enctype="multipart/form-data">
        
style="width:500px;float:left;margin:0 20px;">
            
style="font-size:28px;">注册新用户
            

            class="p">*
            for="username" class="l">用户名:
            
style="height:35px;width:300px;position:relative;display:inline;">
                id="username" type="text" style="height:30px;width:250px;padding-right:50px;">
                style="position:absolute;right:18px;top:2px;background-image:url(user.ico);height:16px;width:16px;display:inline-block;" >
            
            


            class="p">*
            for="phonenumber" class="l">手机号:
            
class="d">
                id="phonenumber" type="text" class="i">
            
            


            class="c">*
            for="login_password" class="l">登录密码:
            
class="d">
                id="login_password" type="text" class="i">
            
            


            class="c">*
            for="confirm_password" class="l">确认密码:
            
class="d">
                id="confirm_password" type="text" class="i">
            
            


            class="p">*
            for="ver_code" class="l">验证码:
            
class="d">
                id="ver_code" type="text" class="i">
            
            


            type="checkbox" name="agree" style="margin-left:100px;display:inline-block;" value="1"/>
            style="font-size:10px;">我已阅读并同意《用户注册协议》
            


            type="submit" value="同意以上协议并注册" style="margin-left:100px;height:30px;width:300px;background-color:red;display:inline-block;"/>
        
    

登录界面效果：

注册界面效果：