HTML 通知公告练习

HTML 通知公告练习

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#all{
width:500px;
height:400px;
margin-left:220px;
margin-top:110px;
}
#all .title{
font-family:"微软雅黑";
font-size:24px;
padding-left:20px;
}
hr{
width:477px;
height:5px;
background-color:#006600;
float:right;
margin:15px 0;
}
#all li{
line-height:25px;
margin:10px 5px;
font-family:"微软雅黑";
font-size:16px;
list-style-image: url(img/a.ico);
}
</style>
</head> <body>
<div id="all">
<div class="title">通知公告</div>
<hr />
<div class="content">
<ul>
<li>青岛**大学科技楼实验室配套太贵采购公开招标</li>
<li>青岛**大学教师誓词</li>
<li>关于2017年3月学期赴韩交换生学生项目的报名通知</li>
<li>赴韩交换生学生项目的报名通知</li>
<li>科技楼实验室配套太贵采购公</li>
</ul>
</div>
</div>
</body>
</html>
上一篇:easyui 中iframe嵌套页面,提示弹窗遮罩的解决方法,parent.$.messager.alert和parent.$.messager.confirm


下一篇:双重检查加锁单例模式为什么两次判断