课后五
样式
*{padding:0px;margin:0px;font-size:12px;}
a{
color:#000;
text-decoration:none;
}
ul{list-style:none;}
dl,dt,dd{
display:block;
}
dl{
clear:both;
height:30px;
width:670px;
line-height:30px;
}
dl dt{
width:100px;
padding-left:10px;
float:left;
}
dl dd{
float:left;
}
dl dd a{margin:3px;}
dl dd.more{
float:right;
margin-right:10px;
}
代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>隔行变色的列表</title>
<link rel="stylesheet" href="css/nav.css">
</head>
<body>
<div class="content">
<dl>
<dt><a href="http://www.6655.com/1/youxi.htm">[页游]</a></dt>
<dd >
<ul>
<li><a href="http://codes.dian5000.com/htmlcode/38319.html">枪魂</a>
<a href="http://p.37pk49.com/s/1/683/11722.html?uid=510412">女神联盟</a> <a
href="http://tg.131cc.com/?uid=510412">37WAN游戏</a> <a
href="http://p.37pk49.com/s/1/683/13574.html?uid=510412">武易</a> <a
href="http://jcnm.game3737.com/htmlcode/36266.html">斗圣</a> <a
href="http://tk.pk897.com/1616dh.php?id=2467">烈焰</a> <a
href="http://p.37pk49.com/s/1/683/14006.html?uid=510412">大闹天宫OL</a></li>
</ul>
</dd>
<dd class="more"><a href="http://www.6655.com/1/youxi.htm">更多>></a></dd>
</dl>
<dl class="s1">
<dt><a href="http://www.6655.com/1/xiaoyouxi.htm">[小游戏]</a></dt>
<dd >
<ul>
&l