qq_37344648的博客

原创 如何快速编写纯CSS菜单？制作CSS精美菜单优化精简代码详细教程

当您复制测试后，一定能看到，这个页面是能实现我们要的效果的，而且PC和移动端都自适应，不过，有个小问题，就是li没加上超链接。这个很重要，不直接写PX就是为了让字体随着浏览器大小变化而自动变化，以适用于各类浏览器；就是在li这个方块盒子中，顶部预留10个像素，左右不做任何预留值的设定；width:19.5%，这里设置li宽度为19.5%，属于相对宽度，是为了适用各种浏览器的要求；这里表达的以上就是hover可以在任何模块下适用，只要有鼠标行为都可以，不局限有a标签；标签赋值，如 a:hover{}；...