给大家带来的是HTML5仿手机微信聊天界面，截图效果如下：
源代码如下：
- <!DOCTYPE html> <html>
- <head> <meta charset="UTF-8">
- <title>HTML5模拟微信聊天界面</title> <style>
- /**重置标签默认样式*/ * {
- margin: 0; padding: 0;
- list-style: none; font-family: '微软雅黑'
- } #container {
- width: 450px; height: 780px;
- background: #eee; margin: 80px auto 0;
- position: relative; box-shadow: 20px 20px 55px #777;
- } .header {
- background: #000; height: 40px;
- color: #fff; line-height: 34px;
- font-size: 20px; padding: 0 10px;
