Maison >interface Web >tutoriel HTML >初学div+css之菜单篇_html/css_WEB-ITnose
初学div+css之菜单篇_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:30:441065parcourir
导航在网站上占有极重要的地位，Table时代的菜单都是用若干个td并排显示而成。
现在，我们可以用语义化的标签，如li来完成。
菜单一：
list-style:none;是去掉列表符号
#nav li下的ul要以li为标准进行绝对定位，这点很重要。
因IE不支持#nav li:hover ul，所以写了一个简单的js来实现，其目的只是给#nav li添加一个mouseover与mouseout事件，
动态改变它的cssName。
菜单二：
这二个简单的菜单主要是对Box模型的理解，最开始我也被box弄糊涂。注意margin、padding、border。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：div + css命名规则_html/css_WEB-ITnoseArticle suivant：css 让两个div重叠