《列表——无序列表实现水平导航和垂直导航》

发布时间:2014-10-23 23:23:06
来源:分享查询网

/* (程序头部注释开始) * 程序的版权和版本声明部分 * Copyright (c) 2011, 烟台大学计算机学院学生 * All rights reserved. * 文件名称:   《列表——无序列表实现水平导航和垂直导航》                           * 作    者:       刘江波                       * 完成日期:    2013     年   10    月     9   日 * 版 本 号:      v1.2    * 对任务及求解方法的描述部分 * 问题描述:  * 程序头部的注释结束 */   源代码:   <!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>无序排列</title> <style type="text/css"> .my1{ list-style-type:none } .li1{ float:left } </style> </head> <body> <h3>水平导航:</h3> <ul class="my1"> <li class="li1">首页 </li> <li class="li1">- 新闻 </li> <li class="li1">- 体育 </li> <li class="li1">- 娱乐圈 </li> <li class="li1">- 财经 </li> <li class="li1">- IT </li> <li class="li1">- 汽车 </li> <li class="li1">- 房产 </li> <li class="li1">- 家居 </li> <li class="li1">- 女人 </li> <li class="li1">- 短信 </li> <li class="li1">- 邮件 </li> </ul> <br/> <h3>垂直导航:</h3> <ul class="my1"> <li>公司简介</li> <li>组织机构</li> <li>荣誉称号</li> <li>联系我们</li> </ul> </body> </html>   实现效果:    

返回顶部
查看电脑版