​x
 
<!DOCTYPE html>
<html>
<head>
<style>
figure {
  border: 1px #cccccc solid;
  padding: 4px;
  margin: auto;
}
​
figcaption {
  background-color: black;
  color: white;
  font-style: italic;
  padding: 2px;
  text-align: center;
}
</style>
</head>
<body>
​
<h1>figure 和 figcaption 元素 + CSS</h1>
​
<figure>
  <img src="/i/photo/tulip.jpg" alt="郁金香" style="width:300px">
  <figcaption>图 1 - 郁金香，百合科，多年生草本植物。</figcaption>
</figure>
​
</body>
</html>
​