运行效果：
源代码：
1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>春天</title> 6 <style type="text/css"> 7 8 *{ 9 margin: 0; 10 padding: 0; 11 border: none; 12 } 13 14 body{ 15 font-family: "宋体"; 16 font-size: 12px; 17 } 18 19 .title{ 20 font-size: 16px; 21 font-weight: bolder; 22 text-decoration: overline; 23 } 24 25 .container{ 26 margin: 20px 20px; 27 height: 300px; 28 } 29 30 .text-content{ 31 margin-top: 20px; 32 } 33 34 .green{ 35 color: limegreen; 36 } 37 38 .red{ 39 color: red; 40 } 41 42 .text-center{ 43 text-align: center; 44 } 45 </style> 46 </head> 47 <body> 48 <div class="container"> 49 <p class="red text-center title">春天</p> 50 <p class="green text-content"> 在<font class="red">春季</font>，地球的北半球开始倾向太阳， 51 受到越来越多的太阳光直射，因而气温开始升高。随着冰雪消融，河流水位上涨。<font class="red">春季</font>植物 52 开始发芽生长，许多鲜花开放。冬眠的动物苏醒，许多以卵过冬的动物孵化，鸟类开始迁徙， 53 离开越冬地向繁殖地进发。许多动物在这段时间里发情，因此中国也将<font class="red">春季</font>称为“万物复苏” 54 的季节。<font class="red">春季</font>气温和生物界的变化对人的心理和生理也有影响。</p> 55 </div> 56 </body> 57 </html>