介绍 & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; meta name=皏iewport",内容=翱矶?设备宽度,初始=1.0,比;
,,,& lt; title> Document
,,,& lt; style>
,,,,,,,*,{保证金:0;,填充:,0;}
,,,,,,,ul {, list-style:没有;}
,,,,,,,div {
,,,,,,,,,,,宽度:,100%;
,,,,,,,,,,,身高:,50 px;
,,,,,,,,,,,背景颜色:,# ccc;
,,,,,,,}
,,,,,,,.first {
,,,,,,,,,,,宽度:,100 px;
,,,,,,,,,,,身高:,50 px;
,,,,,,,,,,,:浮动,离开;
,,,,,,,,,,,margin-right:, 70 px;
,,,,,,,,,,,/*,背景颜色:粉红色;,*/,,,,,,,,,,,光标:,指针;
,,,,,,,,,,,text-align:,中心;
,,,,,,,,,,,行高:,50 px;
,,,,,,,,,,,这个特性:,15 px;
,,,,,,,}
,,,,,,,李{.second
,,,,,,,,,,,宽度:,80 px;
,,,,,,,,,,,身高:,50 px;
,,,,,,,,,,,,背景颜色:蓝色;
,,,,,,,,,,,这个特性:,50%;
,,,,,,,,,,,margin-top:, 10 px;
,,,,,,,}
,,,,,,,.second {
,,,,,,,,,,,显示:,没有;
,,,,,,,}
,,,,,,,中国当代:hover 接着{
,,,,,,,,,,,显示:,块;
,,,,,,,,,,,光标:,指针;
,,,,,,,}
,,,,,,,中国当代:hover {
,,,,,,,,,,,,背景颜色:粉色;
,,,,,,,}
,,,& lt;/style>
& lt; body>
,,,& lt; div>
,,,,,,,& lt; ul>
,,,,,,,,,,,& lt; li 类=爸辽稀钡脑?
,,,,,,,,,,,,,,,& lt; p>一级标签& lt;/p>
,,,,,,,,,,,,,,,& lt; ul 类=皊econd"比;
,,,,,,,,,,,,,,,,,,,& lt; li>二级标签& lt;/li>
,,,,,,,,,,,,,,,,,,,& lt; li>二级标签& lt;/li>
,,,,,,,,,,,,,,,& lt;/ul>
,,,,,,,,,,,& lt;/li>
,,,,,,,,,,,& lt; li 类=爸辽稀钡脑?
,,,,,,,,,,,,,,,& lt; p>一级标签& lt;/p>
,,,,,,,,,,,,,,,& lt; ul 类=皊econd"比;
null
null
null
null
null
null
null
null
null
这篇文章将为大家详细讲解有关css如何实现动态二级菜单,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
动态实现简单的二级菜单
当鼠标放到一级标签上时,鼠标会变成小手的形状展示二级菜单,源码如下,复制即可直接使用
