制作新闻列表--Day09

2021-01-30 10:34:58 阅读：121 来源： 互联网

标签：Day09 xxxx -- 招聘列表 content color li font

<!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,xxxx,--,招聘,列表,content,color,li,font
来源： https://www.cnblogs.com/mglblog/p/14348186.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

制作新闻列表--Day09