上QQ阅读APP看书,第一时间看更新
任务1-8 巧用CSS实现下拉菜单
【任务描述】
创建网页0108.html,浏览该网页时会出现如图1-8所示的导航栏,鼠标指针指向该超链接时,自动弹出如图1-9所示的下拉菜单,编写程序使用CSS实现此下拉菜单。
图1-8 网页0108.html的导航栏
图1-9 网页0108.html中的下拉菜单
【操作提示】
网页0108.html对应的HTML代码如表1-13所示。
表1-13 网页0108.html对应的HTML代码
网页0108.html主要应用的CSS代码如表1-14所示。
表1-14 网页0108.html的关键CSS代码