CSS简单样式练习（四）

运行效果：
源代码：
 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Google</title>
 6     <style type="text/css">
 7                 
 8         body{
 9             font-family: "宋体";
10         }
11 
12         .container{
13             margin-top: 20px;
14             margin-left: 20px;
15         }
16 
17         .big-font{
18             font-size: 60px;
19         }
20 
21         .blue{
22             color: blue;
23         }
24 
25         .bolder{
26             font-weight: bolder;
27         }
28 
29         .red{
30             color: red;
31         }
32 
33         .yellow{
34             color: yellow;
35         }
36     </style>
37 </head>
38 <body>
39 <div class="container">
40     <font class="blue big-font bolder">G</font>
41     <font class="red big-font bolder">o</font>
42     <font class="yellow big-font bolder">o</font>
43     <font class="blue big-font bolder">g</font>
44     <font>l</font>
45     <font>e</font>
46 </div>
47 </body>
48 </html>