基础准备
对于这个实现,我们需要一个简单的 div ,并且样式类名为 ball :
HTML 代码:
<div class=ball></div>
我们将使用 Flexbox 布局,把球放到页面中间,尺寸为 100px * 100px,背景色为橘黄色。
CSS 代码:
body {
display: flex; /* 使用Flex布局 */
justify-content: center; /* 水平居中 */
}
.ball {
width: 100px;
height: 100px;
border-radius: 50%; /* 把正