图片：01.jpg

图片：02.jpg

图片：03.jpg

微信官网首页原创仿写，简约干净，能学习写好这个首页，就能掌 握HTML网页设计前端盒子的布局、嵌套，及css效果的 使用... 微信官网首页主要有以下几个需要关注的点：

预览及讲解视频：https://www.bilibili.com/video/BV19B4y1m7Lf

1. 通过@media写需要适应PC、手机版的部分盒子的 css，将PC版的固定尺寸改为移动端的宽度百分比从而做到“响应式”；
2. space around的应用，可以使弹性布局盒子内部（横轴）方向上均匀排列每个元素；
3.鼠标划过小手标志，运用cursor: pointer;
4.hover的应用，鼠标滑过可改变背景色；
5.鼠标划过盒子缩放1.2倍，增加过渡时间让动画缓入更 加舒适；
6.本套微信源码已免费共享，发表评论可见下载地址~
7. 这个版式简洁美观，将它更换为旅行网站主题（见上方图片）更加炫酷了~ 已改版的旅行主题源码下载地址：http://www.psdhtml.cn/read.php?tid=98837