如何使用HTML和CSS制作下拉菜单

html-css012

如何使用HTML和CSS制作下拉菜单,第1张

使用HTML和CSS制作下拉菜单的方法如下:

1、编写带有div导航的html代码:

2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中,在图示的HTML代码中,一个简单的无序列表(ul)来表示主菜单项。

3、在主菜单区域中添加链接。在本步骤中,在无序列表(ul)每一项上添加链接。

4、在“关于我们(About Us)”下方LI标签内添加一个无序列表,它代表其子菜单的链接。

5、制作导航css:

http://www.w3school.com.cn/,可以先在这个网站看看,里面有html的标签,css的应用和属性。包括网页的标头声明,css文件调用路径等等。现在都用div这个标签和css,div可以自由的布局框架,css可以给这些框架添加效果。js或者jq可以带来动态效果。

《零基础学HTML+CSS》(张熠)电子书网盘下载免费在线阅读

链接: https://pan.baidu.com/s/1CPbBk9C0a9eyt7w3dvDRCw

提取码: yu18

书名:零基础学HTML+CSS

作者:张熠

豆瓣评分:6.7

出版年份:2012-3

页数:430

内容简介:

《零基础学HTML+CSS(第2版)》站在零基础学习的角度,以通俗易懂的语言,结合丰富多彩的实例,来帮助初学者学习和掌握HTML语言和CSS样式设计。《零基础学编程:HTML+CSS(第2版)》列举了大量的小型实例、综合实例,并包含3个项目案例,内容详尽、实例丰富、叙述清晰。《零基础学HTML+CSS(第2版)》主要分为四篇:第一篇为第1~11章,讲解了网页文字、字体、表格、段落、超级链接、图像、表单、框架、多媒体等技术;第二篇为第12~14章,对DIV+CSS的语法和相关属性进行了详细的解释和说明;第三篇为第15~30章,详细介绍了CSS的字体、文本、背景、边框、定位、列表、选择符等知识点;最后一篇为第31~34章,包括实战案例和实战面试,先通过3个案例介绍了网页的设计思路;然后通过面试题考查读者所学。

《零基础学HTML+CSS(第2版))》适合作为中、高等学校师生以及各种网页设计培训班的教材或参考书,同时也可供网站建设专业人士参考使用。