制作圆

代码

解释：
1.border-radius: 50%;
圆角 50%，正方形盒子直接变成圆形。
2.text-align: center;
内部文字水平居中。
line-height: 200px;
行高等于盒子高度，文字垂直居中（单行文字专用居中方法）。
运行

3.如果去掉border-radius: 50%;就变成了方形，如下

4.如果想让圆变成如下

代码就如下