首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

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

2012-03-11 
问道html网页设计的题目,帮帮忙啊,谢谢啦第一段代码:head……link typetext/cssrelstylesheet href

问道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> 

热点排行