初学HTML：采用CSS绘制一幅夏天的图

 下面代码使用了HTML和CSS来绘制一幅炎炎夏日吃西瓜的画面。其中，使用了伪元素和阴影等技巧来实现部分效果。

其中包括太阳、草地、西瓜和人的身体。

对于每个元素，都使用了CSS来设置其样式：

• body 设置了背景颜色为浅蓝色。
• .sun 设置了太阳的样式，包括位置、大小、颜色和光晕。
• .grass 设置了草地的样式，包括位置、大小和颜色。
• .watermelon 设置了西瓜皮的样式，包括位置、大小、颜色、圆角和光晕。同时设置了 overflow: hidden，超出边界部分会隐藏。
• .watermelon:after 使用伪元素 :after 来实现西瓜肉的样式，包括位置、大小、颜色、圆角和光晕。
• .person 设置了人的身体的样式，包括位置、大小、颜色、圆角和光晕。
• .person:before 使用伪元素 :before 来实现人的眼睛的样式，包括位置、大小、颜色和光晕。
• .person:after 使用伪元素 :after 来实现人的嘴巴的样式，包括位置、大小、颜色、形状和旋转。

在 HTML 中，使用 div 元素来创建这些元素，并分别指定其对应的 CSS 类名。最终通过 HTML 和 CSS 的组合来实现一幅炎炎夏日吃西瓜的画面。