码迷,mamicode.com
首页 > Web开发 > 详细

CSS简单样式练习(四)

时间:2019-11-07 12:55:52      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:doc   img   src   image   contain   http   weight   text   set   

运行效果:

技术图片

 

 源代码:

 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简单样式练习(四)

标签:doc   img   src   image   contain   http   weight   text   set   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!