欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

问道html网页设计的题目,帮帮忙啊多谢啦

更新时间: 2014-01-05 01:56:09 责任编辑: Author_N1

 

问道html网页设计的题目,帮帮忙啊,谢谢啦
第一段代码:<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> 			
			
		
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:56:09
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3333/
本文WWW.DOC100.NET DOC100.NET版权所有。