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>