Overview
Google:
Ie:
Full code
<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "GBK" /> <title>Test</title> <style>. Dropmenu{Display:Inline-block; }. Dropmenu >. Dropdown{position:relative;Display:Inline-block;float: Left; }. Dropdown-btn{Background-color:#5ABFDD;Color: White;padding:10px;Border:None;cursor:Pointer; }. Dropdown-content{Display:None;position:Absolute;Background-color:#f9f9f9;Min-width:150px;Max-width:300px;Box-shadow:0px 8px 16px 0px rgba (0,0,0,0.2); }. Dropdown-content a{Color:Black;padding:12px 16px;text-decoration:None;Display:Block; }. dropdown-content a:hover{Background-color:#f1f1f1;Color:#318DDC; }. Dropdown:hover. Dropdown-content{Display:Block;Z-index:1; }. Dropdown:hover. dropdown-btn{Background-color:#318DDC; } </style></Head><Bodystyle= "Background-color: #E0E0E0"> <Divclass= "Dropmenu"> <Divclass= "Dropdown"> <Divclass= "Dropdown-btn">kaiming Technology</Div> <Divclass= "Dropdown-content"> <ahref="#">Kaiming Technology information 1 kaiming Science and technology information 1</a> <ahref="#">Kaiming Technology Information 2</a> <ahref="#">Kaiming Technology Information 3</a> </Div> </Div> <Divclass= "Dropdown"> <Divclass= "Dropdown-btn">kaiming Technology</Div> <Divclass= "Dropdown-content"> <ahref="#">Kaiming Technology</a> <ahref="#">Kaiming Technology</a> <ahref="#">Kaiming Technology</a> </Div> </Div> <Divclass= "Dropdown"> <Divclass= "Dropdown-btn">kaiming Technology</Div> <Divclass= "Dropdown-content"> <ahref="#">Kaiming Technology Information 1</a> <ahref="#">Kaiming Technology Information 2</a> <ahref="#">Kaiming Technology Information 3</a> </Div> </Div> </Div></Body></HTML>
CSS drop-down menu