使用html5和css做一个奥运五环

好的，我可以为您演示如何使用HTML5和CSS创建奥运五环的简单示例。首先，我们可以使用HTML5创建五个圆形的 `div` 元素，并为每个元素添加一个唯一的类名，以便后续的CSS样式定义。例如：

<div class="circle blue"></div>
<div class="circle yellow"></div>
<div class="circle black"></div>
<div class="circle green"></div>
<div class="circle red"></div>

然后，我们可以使用CSS样式定义这些圆形的外观以及它们之间的位置关系。例如：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
}

.blue {
  background-color: blue;
  top: 0;
  left: 0;
}

.yellow {
  background-color: yellow;
  top: 0;
  left: 110px;
}

.black {
  background-color: black;
  top: 50px;
  left: 55px;
}

.green {
  background-color: green;
  top: 50px;
  left: 165px;
}

.red {
  background-color: red;
  top: 100px;
  left: 55px;
}

这些CSS样式将每个圆形定义为一个具有圆形形状、宽度和高度为100像素的 `div` 元素，并使用 `border-radius` 属性将其边框设置为圆形。每个圆形都被绝对定位，使它们可以在页面上正确地定位。

最后，我们可以在HTML文档中添加一个容器 `div` 元素，并将五个圆形元素包含在其中：

<div class="container">
  <div class="circle blue"></div>
  <div class="circle yellow"></div>
  <div class="circle black"></div>
  <div class="circle green"></div>
  <div class="circle red"></div>
</div>

这将创建一个包含五个不同颜色的圆形的容器，它们按照奥运五环的标准排列。

希望这个简单的示例能帮助您了解如何使用HTML5和CSS创建奥运五环。