虽然离中秋节还很远， 已经想烤肉了XD ，但每次抬头仰望星空，看到月亮一点一滴的变化，
让我心中掀起小波澜，心中思考着要如何让月亮长存，而不是只有黑夜。

如何使用CSS(border-radius)画出圆角？

就要利用CSS语法border-radius

  border-radius: 20px ;             //全部的角

        border-radius: 20px 20px 20px 20px; //顺时针的顺序来指定的：左上、右上、右下、左下。

border-radius: 20px 0;          //左上及右下、右上及左下           //简单理解，就是左上对角、右上对角

如果我们不想要有菱有角，想要圆润一点，可以这样设定

<p>  床前明月光，  疑是地上霜。  举头望明月，  低头思故乡。</p><style>p{  padding: 10px;  width: 300px;  height: 300px;  background-color: yellow;  border-radius: 20px;       //全部的角值:20px}</style>

月圆人团圆,肚子不要圆

可以直接用 %，可以记得一个特别的用法。
如果你用 50% 就会出现标準的圆型

<div class="moon"></div><style>  .moon{  width:200px;  height:200px;  border-radius:50%;  background-color: yellow;}</style>

月亮切一半(猜一字)

  <div class="moon"></div>  <style>  .moon{  width:200px;  height:100px;  border-radius:200px 200px 0 0;  background-color: yellow;}  </style>

答案:用

技术总结

border-radius:左上、右上、右下、左下。border-radius:左上对角、右上对角。想要画圆形，border-radius:50%;