首页 > Web开发 > 详细

CSS简单样式练习(四)

时间:2019-11-07 13:30:41      阅读:81      评论:0      收藏:0      [点我收藏+]

运行效果:

技术分享图片

 

 源代码:

 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>

 

CSS简单样式练习(四)

原文:https://www.cnblogs.com/yijiahao/p/11811317.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!