利用无序列表制作网站导航条.pptxVIP

T H I S I S电子商务网页设计与制作Design?and?Creation?of?E-commerce?Web Pages利 用 无 序 列 表 制 作 网 站 导 航 条案例分析无序列表的定义和用法CONTENT用无序列表制作网站导航条4导航条各种样式效果的设置一、案例分析 页面特点分析1、中间灰色条形区域是导航条的背景色。2、导航条上一共有6个菜单栏，分别是“首页、关于内利、内利新闻等”栏目。3、导航条的6个菜单栏字体颜色是黄色，且无下划线。页面特点分析4、当鼠标放在菜单栏字体上之后，未点击状态的时候菜单栏字体颜色自动变成白色，且有下划线，同时二级菜单显示内容的字体仍然为黄色5、当鼠标进入二级子菜单栏之后，子菜单栏成黄色凸起区块状，同时字体变成白色。二、无序列表的定义和用法 无序列表的标签是ul是unorderlist的缩写，顾名思义就是没有顺序的一种列表，它是一个闭合标签，结尾为/ul，具体使用语法如图：“ul”的搭档列表项目标签“li”标签项目li是list的缩写，也是一个闭合标签，结尾为/li，具体使用语法如图：li内容/li。三、用无序列表制作网站导航条 视频演示课 程 总 结1、首先用一个绝对定位的div框架设置导航条的背景框2、用无序列表标签ul和li在HTML页面输入导航条菜单内容的HTML代码注意：如果有二