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

发布时间：2023-06-01 18:29:51 来源：互联网

.

赶快上路吧，不要有一天我们在对方的葬礼上说，要是当时去了就好了。

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

html代码：

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

<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>微信公众平台</title>
<linkrel="stylesheet"type="text/css"rel="nofollow noopener noreferrer" href="weixin.css"/>
</head>
<body>
<divid="header"class="head">
<divclass="head_box">
<divclass="innerwrp">
<h1class="logo">
<atitle="微信公众平台"rel="nofollow noopener noreferrer" href="javascript：void(0);">微信公众平台</a>
</h1>
<divclass="account">
<divclass="account_metaaccount_faq">
<atarget="_blank"rel="nofollow noopener noreferrer" href="javascript：void(0);">在线客服</a>
</div>
</div>
</div>
</div>
</div>
<divid="body">
<divclass="innerwrp">
<divclass="container_box">
<divclass="login_panel">
<divclass="login_panel_hd">
<divclass="inner">
<dlclass="system_info">
<dt>微信公众平台接口测试账号申请</dt>
<dd>无需公众账号、快速申请接口测试号</dd>
<dd>直接体验和测试公众平台所以高级接口</dd>
<ddclass="icon_sandbox"></dd>
</dl>
</div>
</div>
<divclass="login_panel_bd">
<divclass="wxlogin_wrp">
<divclass="wxlogin_desc">
<h3>微信号扫一扫登录</h3>
<p>免注册，方便快捷</p>
</div>
<divclass="wxlogin_opr">
<pclass="btn_line">
<aid="wx_loginBtn"class="btnbtn_primarybtn_wxlogin"rel="nofollow noopener noreferrer" href="javascript：void(0);">
<imgclass="icon_wxlogo_inbtn"src="/images/weixin.png"></img>
登录
</a>
</p>
<p>
若你已注册手机账号，请
<aid="phone_loginBth"rel="nofollow noopener noreferrer" href="javascript：void(0);">点此登录</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>