Div+CSS仿微信公众平台登录页面

2024-07-11 08:25:41

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了Div+CSS仿微信公众平台登录页面的具体代码，供大家参考，具体内容如下

html代码：

XML/HTML Code复制内容到剪贴板

<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8">
<title>微信公众平台</title> <link rel="stylesheet" type="text/css" href="weixin.css"/>
</head> <body>
<div id="header" class="head"> <div class="head_box">
<div class="inner wrp"> <h1 class="logo">
<a title="微信公众平台" href="javascript:void(0);">微信公众平台</a> </h1>
<div class="account"> <div class="account_meta account_faq">
<a target="_blank" href="javascript:void(0);">在线客服</a> </div>
</div> </div>
</div> </div>
<div id="body"> <div class="inner wrp">
<div class="container_box"> <div class="login_panel">
<div class="login_panel_hd"> <div class="inner">
<dl class="system_info"> <dt>微信公众平台接口测试账号申请</dt>
<dd>无需公众账号、快速申请接口测试号</dd> <dd>直接体验和测试公众平台所以高级接口</dd>
<dd class="icon_sandbox"></dd> </dl>
</div> </div>
<div class="login_panel_bd"> <div class="wxlogin_wrp">
<div class="wxlogin_desc"> <h3>微信号扫一扫登录</h3>
<p>免注册，方便快捷</p> </div>
<div class="wxlogin_opr"> <p class="btn_line">
<a id="wx_loginBtn" class="btn btn_primary btn_wxlogin" href="javascript:void(0);"> <img class="icon_wxlogo_inbtn" src="/images/weixin.png"></img>
登录 </a>
</p> <p>
若你已注册手机账号，请 <a id="phone_loginBth" href="javascript:void(0);">点此登录</a>
</p> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </html>