CSS简单样式练习（六）

运行效果：

源代码：

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Sina</title>
 6     <style type="text/css">
 7         *{
 8             margin: 0;
 9             padding: 0;
10             border: none;
11         }
12
13         body{
14             font-family: "微软雅黑";
15             font-size: 14px;
16             color: black;
17         }
18
19         .container{
20             width: 600px;
21             height: 200px;
22             margin-top: 10px;
23             margin-left: 10px;
24         }
25
26         .web-title{
27             font-size: 16px;
28             text-align: left;
29             text-decoration: underline;
30             color: blue;
31         }
32
33         .red{
34             color: red;
35         }
36
37         .underline{
38             text-decoration: underline red;
39         }
40
41         .web-content{
42             margin-top: 15px;
43         }
44
45         .linked{
46             margin-top: 15px;
47             color: green;
48         }
49
50         .grey{
51             color: grey;
52         }
53     </style>
54 </head>
55 <body>
56     <div class="container">
57         <p class="web-title"><font class="red underline">新浪</font>博客首页--<font class="red underline">新浪网</font></p>
58         <p class="web-content"><font class="red">新浪公司</font>是一家服务于中国及全球华人社群的网络媒体公司，
59             成立于1998年12月，由王志东创立，现任董事长曹国伟，服务大中华地区与海外华人，新浪拥有多家地区性网站。
60             新浪通过门户网站新浪网、新浪移动和社交媒体微博，帮助广大用户通过电脑和移动设备获得专业媒体和
61             用户自生成的多媒体内容（UGC）并与友人进行兴趣分享。</p>
62         <p class="linked">blog.sina.com.cn/2014-07-07&nbsp;<font class="grey">-百度快照-评价</font></p>
63     </div>
64 </body>
65 </html>