手把手教你基于HTML、CSS搭建我的相册（下）

The sand accumulates to form a pagoda

• ⭐ 写在前面
• ⭐ 相册中心部分
• ⭐ 添加照片
• ⭐ 图片展示样式
• ⭐ 搭建底部版权模块
• ⭐ 写在最后

⭐ 写在前面

经常有一些粉丝咨询前端该从什么开始学，那当然是我们的前端基础三件套开始学起，HTML、CSS、javaScript，前端的大部分框架的底层还是围绕着前端三件套来搭建的，相信大家能够在很多平台中去找到一些前端三件套的体系教程，借着原力计划凉哥也为大家带来前端三件套的一些内容分享，只不过这里可不是纯基础知识的输出，而是会结合一些基于前端三件套的基础知识来做一些有趣的小项目、小demo，会由简单到复杂，由静态到动态的过程来帮助大家掌握前端三件套的使用及搭配，所以这里针对的人群是前端初学者或者你还没有开始学前端想感受一些前端代码那这个专栏很适合你。

我们第一个小demo非常简单的一个个人相册的页面，布局简单，帮我们了解基础的前端代码；下面呢是我们demo的效果图，在上篇文章中我们为大家简单的讲解了HTML、CSS的概念以及我们完成了demo中的头部搭建，让我们初体验了一下HTML、CSS代码，今天呢我们就把这个demo剩下的部分完成吧！如果你没有接触过前端你可以看一下上篇文章 ? 手把手教你基于HTML、CSS搭建我的相册（上），我们接着上篇文章中的代码继续搭建；

⭐ 相册中心部分

我们能够看到这部分内容的整体我们可以看成一个大的盒子然后有一个边框，边框的四个角还是圆的，里面有六张图片࿰