用css怎么将图片和下面一行文字居中

Question

做一个网页，
步骤一、要求网页的标题是自己的中文名字
步骤二、要求使用css内部样式单
1对body标签进行定义
字体颜色为红色，
背景颜色为蓝色
2定义一个类名为juzhong的类使其对齐方式为居中
步骤三、要求在文档体部分使用div标签进行布局引用juzhong类
在div标签中插入一张自己的照片宽800px高600px 并把照片做成超链接链接页为空
图片下方有自己的名字

Answer 1

CSS代码

body {
            background-color: blue;
            color: red;
        }
.juzhong {
      text-align: center;
    }
    .juzhong img {
      width: 800px;
      height: 600px;
    }

HTML代码

<div class="juzhong">
    <a href="#"><img src="./000.jpg" alt=""></a><br>
    （姓名）
  </div>