蓝色简洁风格pc注册登录忘记密码网页模板代码



5 19 7



模板描述:pc注册登录忘记密码,蓝色简洁风格pc注册登录忘记密码网页模板代码html模板下载

代码结构

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/login.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

3. HTML代码

<div class="main">
  <div class="main0">
     <div class="main_left">
        <img src="images/login-image-3.png" class="theimg"/>
        <img src="images/login-image-2.png" class="secimg"/>
        <img src="images/login-image-1.png" class="firimg"/>
     </div>
     <div class="main_right">
        <div class="main_r_up">
            <img src="images/user.png" />
            <div class="pp">登录</div>
        </div>
        <div class="sub"><p>还没有账号?<a href="zhuce.html"><span class="blue">立即注册</span></a></p></div>
        <div class="txt">
            <span style="letter-spacing:8px;">用户名:</span>
            <input name="" type="text" class="txtphone" placeholder="请输入注册手机号或用户名"/>
        </div>
        <div class="txt">
            <span style="letter-spacing:4px;">登录密码:</span>
            <input name="" type="text" class="txtphone" placeholder="请输入登录密码"/>
        </div>
        <div class="txt">
            <span style=" float:left;letter-spacing:8px;">验证码:</span>
            <input name="" type="text" class="txtyzm" placeholder="请输入页面验证码"/>
            <img src="images/yanzhengma.png" class="yzmimg"/>
        </div>
        <div class="xieyi">
            <input name="" type="checkbox" value="" checked="checked"/>
            记住我 <a href="password.html"><span class="blue" style=" padding-left:130px; cursor:pointer">忘记密码?</span></a>
        </div>
        <div class="xiayibu">登录</div>
     </div>
  </div>
</div>
<div class="footer">
  <div class="footer0">
     <div class="footer_l">使用条款 | 隐私保护</div>
     <div class="footer_r">© 2015 (杭州)金融信息服务有限公司    杭ICP备0000000号</div>
  </div> 
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 分类 响应式 自适应 设备 风格 颜色 pc 电脑 蓝色 普通自适应 html+css自适应 html+css响应式 简洁 简约 简单 登录 登录页 登录界面

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到