技巧分享如何用制作横排二级下拉菜单

　　工具材料
　　notepad
　　浏览器
　　操作方法
　　01：hr打开Notepad，先输入个页面框架
　　amp；aaclasstaghrefwiki10179QxhCZ。htmlclassataghrefwiki10764F3。htmllta；！doctypehtmlamp；gt；lt；！！doctypegt；
　　lt；hadegt；lt；hadegt；
　　02：hr框架好了，那么就该定义页面的title，关键词keyword，和描述description
　　lt；metacharsetUTF8contenttexthtmlhttpequivcontenttypegt；
　　lt；titlegt；纯css二级导航下拉菜单lt；titlegt；
　　lt；metanamekeywordcontent搜狗略懂gt；
　　lt；metanamedescriptioncontent描述gt；
　　这些内容只能在中完成。
　　03：hr定义页面使用的css样式，也是需要在里定义的。
　　lt；styletypetextcssgt；
　　｛
　　margin：0；
　　padding：0；
　　｝
　　。jiaoullia：hover｛
　　color：red；
　　｝
　　ul，li｛
　　liststyle：none；
　　｝
　　a｛
　　textdecoration：none；
　　｝
　　。jiao｛
　　border：5pxsolidpink；
　　borderright：none；
　　overflow：hidden；
　　float：left；
　　margin：200px00600px；
　　｝
　　。jiaoulliullia｛
　　borderright：solid；
　　bordertop：2pxdotted666；
　　background：black；
　　｝
　　。jiaogt；ulgt；li｛float：left；｝
　　。jiaoullia｛width：150px；height：80px；textalign：center；lineheight：100px；display：block；borderright：5pxsolidred；background：red；color：red；｝
　　。jiaoulliul｛position：absolute；display：none；｝
　　。jiaoulli：hoverul｛display：block；｝
　　。jiaogt；ulgt；ligt；ulgt；li｛float：none；｝
　　lt；！navgt；ul只选择nav下一级里面的ul元素
　　navul选择nav内所包含的所有ul元素
　　navgt；ul比navul限定更严格，必须后面的元素只比前面的低一个级别。
　　这里根据你的需求来自己定义。
　　gt；
　　lt；stylegt；
　　04：hr添加一个DIV标签，在页面中划分出一个块来，用来显示。
　　div中所用的样式为刚才咱们声明的样式jiao这个盒子来描述
　　05：hr然后使用无序标签
　　lt；ulclasslistpaddingleft2gt；lt；ligt；样式
　　lt；ligt；lt；ligt；来实现模块。
　　lt；ligt；lt；ulgt；
　　lt；divclassjiaogt；lt；divgt；
　　lt；ulclasslistpaddingleft2gt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗略懂lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗问问lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗输入法lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗浏览器lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狐lt；agt；
　　lt；ligt；lt；ulgt；
　　06：hr放上全部的代码吧，可以参考一下啊，
　　lt；！！doctypegt；
　　允许你通过一个网址来识别你的标记
　　lt；metahttpequivContentTypecontenttexthtml；charsetutf8gt；
　　lt；metanamekeywordcontent利用css实现下拉菜单gt；
　　lt；metanamedescriptioncontent搜狗略懂、css分享gt；
　　lt；titlegt；css实现下拉导航栏菜单lt；titlegt；
　　lt；styletypetextcssgt；
　　｛
　　margin：0；
　　padding：0；
　　｝
　　。jiaoullia：hover｛
　　color：red；
　　｝
　　ul，li｛
　　liststyle：none；
　　｝
　　a｛
　　textdecoration：none；
　　｝
　　。jiao｛
　　border：5pxsolidpink；
　　borderright：none；
　　overflow：hidden；
　　float：left；
　　margin：200px00600px；
　　｝
　　。jiaoulliullia｛
　　borderright：solid；
　　bordertop：2pxdotted666；
　　background：black；
　　｝
　　。jiaogt；ulgt；li｛float：left；｝
　　。jiaoullia｛width：150px；height：80px；textalign：center；lineheight：100px；display：block；borderright：5pxsolidred；background：red；color：red；｝
　　。jiaoulliul｛position：absolute；display：none；｝
　　。jiaoulli：hoverul｛display：block；｝
　　。jiaogt；ulgt；ligt；ulgt；li｛float：none；｝
　　lt；！navgt；ul只选择nav下一级里面的ul元素
　　navul选择nav内所包含的所有ul元素
　　navgt；ul比navul限定更严格，必须后面的元素只比前面的低一个级别。
　　这里根据你的需求来自己定义。
　　gt；
　　lt；stylegt；
　　lt；divclassjiaogt；lt；divgt；
　　lt；ulclasslistpaddingleft2gt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗略懂lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗问问lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗输入法lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狗浏览器lt；agt；
　　lt；ligt；lt；ulgt；
　　lt；ulclasslistpaddingleft2gt；lt；ligt；lt；ahrefgt；搜狐lt；agt；
　　lt；ligt；lt；ulgt；
　　07：hr如果要添加更多的菜单，只需要后边继续添加
　　lt；ulclasslistpaddingleft2gt；lt；ligt；
　　lt；ligt；lt；ligt；即可
　　lt；ligt；lt；ulgt；
　　特别提示
　　写代码过程中一定要记得换行，开头留空，否则过后找东西，连你自己都不知道写的是什么。何谈从哪里找起？