html网页设计仿微信首页

最新推荐文章于 2024-08-20 15:14:30 发布

lamb丫

最新推荐文章于 2024-08-20 15:14:30 发布

阅读量2.4k

点赞数 4

文章标签： css html5 sublime text

本文链接：https://blog.csdn.net/qq_65208855/article/details/124890991

版权

本文分享了作者使用HTML5和CSS3技术进行网页设计，仿制了一个微信首页的效果。通过核心代码展示，读者可以查看并学习相关实现技巧。

摘要由CSDN通过智能技术生成

最近学习了h5c3 ，做了个仿微信首页，浅发一下吧~

聊天内容虚构，仅供参考！

效果图如下所示

话不多说，核心代码

html设置

<body>
		<!-- 顶部 -->
		<div class="a1 ee">
			<div class="a1_b1">微信</div>
			<div class="a1_b2">
				<div class="a1_c1"><img src="image/0001.png" width="70px"/></div>
				<div class="a1_c2"><img src="image/0002.png" width="70px"/></div>
			</div>
		</div>
		<!-- 中部 -->
		<div class="a2">
			<!-- 聊天框 -->
			<div class="a2_b ee">
				<div class="a2_b1"><img src="image/006.jpg" width="150px