第7章用CSS设置超链接与导航菜单.ppt

CSS网页设计标准教程 第2部分 CSS专题技术 第 7 章 用CSS设置 超链接与导航菜单 在一个网站中，所有页面都会通过超链接相互链接在一起，这样才会形成一个有机的网站。 因此在各种网站中，导航都是网页中最重要的组成部分之一。 因此，也出现了很多各式各样非常美观、实用性很强的导航样式，如图7.1所示的是Microsoft公司关于Office的网站，上部的导航条和Office 2007软件风格非常一致。 图7.2所示的是Microsoft Windows Mobile，它的导航使用的是菜单方式。 对于一些内容非常多的大型网站，导航就显得更重要。 7.1 制作丰富的超链接特效 在HTML语言中，超链接是通过标记a来实现的，链接的具体地址则是利用a标记的href属性，代码如下： a href=前沿视频教室/a a{ /* 超链接的样式 */ text-decoration:none; /* 去掉下画线 */ } 7.2 创建按钮式超链接 首先跟所有HTML页面一样，建立最简单的菜单结构，本例使用和上面实例相同的HTML结构，代码如下： body a href=home.htmHome/a a hr