下拉菜单

下拉菜单`

<style>
        .xialacaidan{
            position: relative;
            display: inline-block;
           background-color:#3388ff;
           color: white! important;
           width: 70px;
           height: 40px;
           padding: 1px;
   
            
        }
        .xialacaidancontent{
            display: none;
            position: absolute;
            background-color:#ffffff;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgb(0,0,0,0.2);
            padding: 12px 7px;
            z-index: 1;
            color: black;
        }
        .xialacaidan:hover .xialacaidancontent{
            display: block;
        }

    </style>