CSS是层叠样式表。下面，我们来看看怎么使用CSS让图片水平垂直都居中吧。

01、新建一张文档
在桌面新建一张文本文档，改名为1.txt，如下图所示：

02、基础代码
然后打开文本文档，编写基础代码，再把桌面上的老虎图片引入进去，如下图所示：

03、后缀名
然后把文本文档后缀名改为.html，如下图所示：

04、运行网页
然后在浏览器中运行网页，现在图片有了，只是还没有居中，图片居住代码要用CSS写，如下图所示：

05、CSS代码
然后写上CSS代码，如下图所示：

06、垂直水平居中
可以看到图片已经垂直和水平居中，如下图所示：

07、总代码