HTML+CSS画个太阳

基础版

CSS:

html,body{
  margin: 0;
  padding: 0;
}
body{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: gray;
}
.sun{
  width: 10em;
  height: 10em;
  /* 将正方形四直角改为圆角成 圆 */
  border-radius: 50%;
  /* 为太阳设置外围光辉阴影 */
  box-shadow: 0px 0px 100px #FFFF00;
  /* 为圆从外到内设置颜色 黄色-》红色 */
  background: radial-gradient(circle at center, red, gold);
}