CSS定位，浮动可能是必要的

Question

我正在尝试将此布局格式作为HTML / CSS的介绍级别类的一部分。有人可以帮忙吗？非常感激。

请参阅附件链接。[可能主要是Divs创建。我尝试为顶部和底部部分做宽度为100％的div。我可能会为侧边栏做div。我该如何制作圈子？

Answer 1

回答我上面提到的唯一问题......

您可以通过使用在该元素上应用<div>的CSS规则对元素（例如border-radius s）进行舍入来制作“圆圈”。

此处有更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius

#wazzzzzzup {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: dodgerblue;
  border-radius: 50%;
}

#wazzzzzzzzzzup {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: gold;
  border-radius: 10px;
}

#wazzup {
  display: inline-block;
  width: 100px;
  height: 50px;
  background: orangered;
  border-radius: 100px / 50px;
}

<div id="wazzzzzzup"></div>
<div id="wazzzzzzzzzzup"></div>
<div id="wazzup"></div>