实列教程 一款基于jquery和css3的响应式二级导航菜单

2020-05-06 09:05:13易采站长站整理

                        <li><a href="#">About Version</a></li>  
                        <li><a href="#">Contact Us</a></li>  
                        <li><a href="#">Contact Us</a></li>  
                    </ul>  
                </li>  
                <li><a href="">Portfolio</a> </li>  
                <li><a href="">Team</a> </li>  
            </ul>  
        </nav>  
    </div>  

  css3代码:

CSS Code复制内容到剪贴板

*, *:before, *:after   
        {   
            -moz-box-sizing: border-box;   
            -webkit-box-sizing: border-box;   
            box-sizing: border-box;   
            margin: 0;   
            padding: 0;   
        }   
        body   
        {   
            background: #bdc3c7;   
            line-height: 1.5;   
            font-family: sans-serif;   
            text-transform: uppercase;