Dreamweaver8系列DIV+CSS教程纵向导航菜单及二级弹出菜单 下载本文

纵向导航菜单及二级弹出菜单

web标准(div+css)》的纵向导航菜单及二级弹出菜单,包含以下内容和知识点:

? ? ? ? ? ?

纵向列表 标签的默认样式 css派生选择器 css选择器的分组 纵向二级列表 相对定位和绝对定位

一、纵向列表

纵向列表或称为纵向导航,在网站的产品列表中应用比较广泛,如淘宝网左侧的淘宝服务,今天我们就学习一下纵向导航的制作

先新建一个页面,然后插入一个ID为menu的div,然后在设计视图中选中文字,点击工具栏的ul图标,即会自动插入ul和li,然后修改文字内容为你需要的内容。

  • 首页
  • 网页版式布局
  • div+css教程
  • div+css实例
  • 常用代码
  • 站长杂谈
  • 技术文档
  • 资源下载
  • 图片素材
  • 从预览的效果上看,四周都有很大的空隙,而且每一行前边还有个点,这是因为标签的默认样式造成的,下面我们需要创建样式表把标签的默认样式给清除掉

    生成的css代码如下: