HTML+CSS实现导航栏二级下拉菜单完整代码

HTML+CSS实现导航栏二级下拉菜单完整代码_第1张图片

工具是vs code

代码如下




    
    Document
    


    

    

3.CSS + ul li 去掉列表项前面的标记类型

例如:

ul.circle {list-style-type:none;}

ul.circle {list-style-type:circle;}

ul.square {list-style-type:square;}
ol.upper-roman {list-style-type:upper-roman;}
ol.lower-alpha {list-style-type:lower-alpha;}

4.CSS + ul li  竖着排列转成横向排列方法

5.  块级元素,背景色设置

6.鼠标放上去小手形状,字体颜色变化

7.二级菜单出现位置,二级菜单边框,鼠标放到二级菜单上,字体颜色变化

 

转载于:https://www.cnblogs.com/yuer20180726/p/11005545.html

你可能感兴趣的:(HTML+CSS实现导航栏二级下拉菜单完整代码)