纯css实现的鼠标悬停下拉菜单

最新推荐文章于 2024-05-31 15:07:56 发布

mus_木司

最新推荐文章于 2024-05-31 15:07:56 发布

阅读量4.3k

点赞数 2

分类专栏：前端文章标签： html css

本文链接：https://blog.csdn.net/mus123/article/details/103945698

版权

参考链接：https://blog.csdn.net/qq_28919991/article/details/82990306
下面是调整后的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>纯css悬停下拉菜单</title>
    <style>
        *{
   
            margin: 0;
            padding: 0;
        }
        div.item{
   
            float:left;
            width:20em;

        }
        li{
   
            list-style: none;

        }
        .menu{
   
            width: 100%;/*25%是垂直列表，100%是水平列表*/
            height: auto;
            margin: 40px auto;
            position:absolute;
        }
        .item{
   
            width: 100%;
            height: auto;
        }
        .item  h3{
   
            height: 40px;
            line-height: 40px;
            background-color: #7dffe7;
            color: orange;
            border-bottom: 2px solid #ccc;
            padding-left: 10px

最低0.47元/天解锁文章

mus_木司

关注

2
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
纯css实现的鼠标悬停下拉菜单

参考链接：https://blog.csdn.net/qq_28919991/article/details/82990306下面是调整后的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯css悬停下拉菜单</ti...
复制链接

扫一扫

专栏目录