制作新闻列表--Day09

<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{ padding:0; margin:0;}
body{ font-family:"宋体"; font-size:15px; color:#222;}
.big{ width:230px; height:200px; margin:20px auto;}
.font{ font-size:16px; color:#F00; height:30px; line-height:30px; border:1px solid #39F; border-bottom:1px solid #C60;
background:url(image/course_info_r6_c4.gif) no-repeat 70px -5px;}  
.content{ 25px 0 0 15px;} 
.content li{ height:25px; background:url(image/1609561901325.jpg) no-repeat left top  ; padding-left:50px:}
.content li a:link,.content li a:visited{ color:#936; text-decoration:none;}
.content li a:hover{ color:#CF6;}




</style>
</head>

<body>
<!--out begin-->
<div class="big">
 <h2 class="font">招聘信息</h2>
 <!--content begin-->
  	<ul class="content">
        <li><a href="#">北京xxxx信息科技招聘人才</a></li>
        <li><a href="#">上海xxxx科技招聘工程师</a></li>
        <li><a href="#">杭州xxxx招聘网络管理员</a></li>
        <li><a href="#">深圳xxxx研究所招聘实习生</a></li>
        <li><a href="#">广州xxxx科技招聘PPT人才</a></li>
    </ul>
    <!--content end-->
  </div>
</div>
<!--out end-->
</body>
</html>
制作新闻列表--Day09

 

上一篇:RHCE-Day09-Linux基础3


下一篇:Day09-面向对象(2)