markdown学习笔记

表格图注

微信公众号	《拼字》小游戏	识字量测量(加载慢)

| ![](img/about/qrCodeXiiigame.jpg) | ![](img/about/qrCode.jpg) | ![](img/about/识字量测试.png) |
|:--:|:--:|:--:|
|  *微信公众号* | *《拼字》小游戏* | [*识字量测量(加载慢)*](https://blog.xiiigame.com/2021-04-25-识字量测试/) |

<style>
table, th, td {
  /* border: 0px solid black; */
  border: none;
}

table {
  width: 100%;
}

th {
  background-color: white;
  color: white;
}

th, td {
  padding: 5px;
  text-align: center;
}

</style>

figure图注

<figure>
  <p>
  <img src="img/about/qrCodeXiiigame.jpg"
  width="235" height="200"
  alt="微信公众号">
  <figcaption>
    微信公众号
  </figcaption>
</figure>

<figure>
  <p>
  <a href="https://www.xiiigame.com/example/">
    <img src="img/about/qrCodeWeb.jpg"
      width="235" height="200"
      alt="《拼字》小游戏">
  </a>
  <figcaption>
    <a href="https://www.xiiigame.com/example/">
      《拼字》小游戏
    </a>
  </figcaption>
</figure>

<figure>
  <p>
  <a href="https://www.xiiigame.com/example/Chinese-literacy-estimation/">
    <img src="img/about/识字量测试.png"
    width="235" height="200"
    alt="识字量测量(加载慢)">
  </a>
  <figcaption>
  <a href="https://www.xiiigame.com/example/Chinese-literacy-estimation/">
    识字量测量(加载慢)
  </a>
  <a href="https://blog.xiiigame.com/2021-04-25-识字量测试/">
    （说明）
  </a>
  </figcaption>
</figure>


<style>
figure {
  float: left;
  /* width: 100%; */
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  /* border: thin silver solid; */
  margin: 0px;
  padding: 0px;
  /* max-width: 220px;
  display: flex; */
  /* flex-flow: column; */
}

/* 
img {
    max-width: 220px;
    max-height: 150px;
}

figcaption {
  background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}
  */

</style>

评论