HTML 通知公告练习

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 2 
 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 7 <title>无标题文档</title>
 8 <style type="text/css">
 9 #all{
10     width:500px;
11     height:400px;
12     margin-left:220px;
13     margin-top:110px;
14 }
15 #all .title{
16     font-family:"微软雅黑";
17     font-size:24px;
18     padding-left:20px;
19 }
20 hr{
21     width:477px;
22     height:5px;
23     background-color:#006600;
24     float:right;
25     margin:15px 0;
26 }
27 #all li{
28     line-height:25px;
29     margin:10px 5px;
30     font-family:"微软雅黑";
31     font-size:16px;
32     list-style-image: url(img/a.ico);
33 }
34 </style>
35 </head>
36 
37 <body>
38 <div id="all">
39     <div class="title">通知公告</div>
40     <hr />
41     <div class="content">
42         <ul>
43             <li>青岛**大学科技楼实验室配套太贵采购公开招标</li>
44             <li>青岛**大学教师誓词</li>
45             <li>关于2017年3月学期赴韩交换生学生项目的报名通知</li>
46             <li>赴韩交换生学生项目的报名通知</li>
47             <li>科技楼实验室配套太贵采购公</li>
48         </ul>
49     </div>
50 </div>
51 </body>
52 </html>