代码
1.HTML文件
<body>
<div>
<h3>中心开班信息</h3>
<ul>
<li><a href="#">8月12日：学历+技能班</a></li>
<li><a href="#">8月16日：高考特招班</a></li>
<li><a href="#">8月23日：Java精英班</a></li>
<li><a href="#">8月31日：学士后强化班</a></li>
<li><a href="#">9月5日：大学生就业班</a></li>
<li><a href="#">9月9日：企业定向委培班</a></li>
<li><a href="#">9月16日：网络营销强化班</a></li>
</ul>
</div>
</body>
2.CSS文件
*{
width:200px;
margin:0px auto;
padding:0px;}
div{
margin-left:2px;
padding-left:2px;
width:200px;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/trendTopBg.gif);
background-repeat:no-repeat;
background-position:0px 0px;}
h3{
color:#ffffff;
margin:20px;
margin-left:10px;
padding-top:10px;
padding-left:26px;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/bg.gif);
background-repeat:no-repeat;
background-position:-6px 5px;}
ul{
list-style:none;
margin-left:10px;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/trendEndBg.png);
background-repeat:no-repeat;
background-position:bottom;}
li{
padding-left:0px;
padding-right:0px;
width:200px;
font-size:14px;
background-image:url(%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dotBg.gif);
background-repeat:no-repeat;
background-position:-10px -8px;
background-size:auto;
line-height:30px;
text-align:center;
text-height:auto;}
a{
text-decoration:none;
color:#666;}
a:hover{
text-decoration:none;
color:red;}
效果
