html 横向导航栏制作求助

发布网友发布时间：2022-04-30 00:09

共2个回答

热心网友时间：2022-04-19 06:33

<!DOCTYPE html>
<html xmlns="
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <style>
            .menu
            {
                position: relative;
                width: 150px;
                height: 100px;
                background-color: #ccccff;
                text-align: center;
                font-size: 20px;
                color: #3366dd;
                line-height: 150px;
            }
            .menu:hover .submenu
            {
                display: block;
            }
            .submenu
            {
                position:absolute;
                display: none;
                box-shadow: 1px 1px .2em #666;
                width: 300px;
                left: 180px;
                top: 0;
            }
            .submenu div
            {
                text-align: center;
                height: 50px;
                line-height: 50px;
                background-color: #eeeeff;
            }
            .submenu div a
            {
                font-size: 20px;
                color: #666666;
                font-family: "microsoft yahei";
                text-decoration: none;
            }
        </style>
    </head>
    <body>
        <div class="menu">
            <span>申报活动</span>
            <div class="submenu">
                <div><a href="#">申报社会实践活动</a></div>
                <div><a href="#">申报志愿服务活动</a></div>
            </div>
        </div>
    </body>
</html>

热心网友时间：2022-04-19 07:51

我帮你看看呢或许可以帮到你呢 CSS JS