DIV+CSS网页布局初级入门系列教程-4.docVIP

第七天　横向导航菜单 今天我们开始学习《十天学会web标准(div+css)》的html列表，包含以下内容和知识点： 横向列表菜单 用图片美化的横向导航 css Sprites 一、横向列表菜单 前边学习过纵向导航菜单，又学习了float属性，那么要实现横向导航菜单是不是很简单了，只需要把li横向排列就可实现了。把第四节的代码拿过来直接用，修改后的代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / style type=text/css body { font-family: Verdana; font-size: 12px; line-height: 1.5; } a { color: #000; text-decoration: none; } a:hover { color: #F00; } #menu { border: 1px solid #CCC; height:26px; background: #eee;} #menu ul {