第一段代码：<head>……
<link type="text/css" rel="stylesheet" href="a.css">
</head>
<body>
嵌入一层的列表：
<ul class=A>
<li>肉类
<li>蔬菜
<ol class=A>
<li><b><i><font color="red">番茄</font></i></b>
<li><b><i><font color="red">青菜</font></i></b>
</ol>
<li>酒类
</ul>
第二段代码（a.css)
ul.A{list-style-type:disc;}
ol.A{background-color:blue;color:red;background-color:#9999FF;font-style:italic;font-decoration:none;}
现在我想让这段代码呈现http://student.csdn.net/space.php?uid=1513624&do=album&picid=41844的这个图的效果，要怎么修改代码啊？
------解决方案--------------------
楼主直接找类似的源代码吧，比如叫左侧列表
- HTML code
<!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>4-4-1</title>
<style type="text/css">
*{margin:0;padding:0;}
body { font-size: 13px; line-height: 130%; padding: 60px; }
#content { width: 220px; border: 1px solid #0050D0;background: #96E555 }
span { width: 200px; margin: 10px; background: #666666; cursor: pointer;color:white;display:block;}
p {width:200px;background:#888;color:white;height:16px;}
</style>
</head>
<body>
<div id="content">
外层div元素
<span>内层span元素</span>
外层div元素
</div>
<div id="msg"></div>
</body>
</html>