Tip: You can modify some of the code before running
The HTML code is as follows <!--head navigation bar starts--> <div id= "nav" > <dl class= "sy" > <dt> home </dt> <dd class= "line" & gt;|</dd> <dd class= "triangle" ></dd> </dl> <dl class= "Ty" > <dt> Special <ul> < Li class= "Tip" > Signing request </li> <li> signing service </li> </ul> </dt> <dd class= "line" >|</dd > <dd class= "triangle" ></dd> </dl> <dl class= "bx" > <dt> insurance <ul> <li class= "Tip "> Insurance Information </li> <li> new member Insurance </li> </ul> </dt> <dd class=" line ">|</dd> <dd class= "triangle" ></dd> </dl> <dl class= "dd" > <dt> order <ul> <li class= "Tip" > Order Management </li> <li> Evaluation Management </li> <li> repair record </li> </ul> </dt> <dd class= "line" >|< /dd> <dd class= "triangle" ></dd> </dl> <dl class= "DP" > <dt> shop <ul> <li class= " Tip "> Shop Settings </li> <li> store information </li> <li> Maintenance Classification </li> <li> repair brand </li> </ul> </dt> <dd class= "line" >|</dd> <dd class= "triangle" ></dd> </dl> <dl class= "FW" > <dt> service <ul> <li class= "Tip" > Complaint Management </li> <li> Retreat Record </li> </ul> </dt> <dd class= "line" >|</dd> <dd class= " Triangle "></dd> </dl> <dl class=" HF "> <dt> membership <ul> <li class=" Tip "> Annual fee/Margin </ Li> <li> Shop Renewal </li> </ul> </dt> <dd class= "line" >|</dd> <dd class= "Triangle" ></dd> </dl> <dl class= "ZP" > <dt> recruitment <ul> <li class= "Tip" > Recruitment information </li> </ ul> </dt> <dd class= "line" >|</dd> <dd class= "triangle" ></dd> </dl> <DL class = "TJ" > <dt> statistics <ul> <li class= "Tip" > Traffic statistics </li> <li> Sales Statistics </li> <li> Industry Analysis < /li> </ul> </dt> <dd class= "triangle" ></DD> </dl> </div> <!--head navigation bar end--> <style> #nav {float:left; margin-top:20px;} #nav dl{float:left; font-size:14px padding-left:5px; position:relative;} #nav dt{float:left; display:block; width:48px; Ight:auto; Text-align:center; line-height:30px; #nav DT a{color: #999999;} #nav dl. first{color: #fff; font-weight:bold; #nav. line{float:left margin-top:6px; margin-left:4px;} #nav. {display:none; Background:url (.. /images/l_bgs_img.png); width:21px; height:13px; background-position:-256px-11px; position:relative; top:41px; left:14px; #nav dt:hover{background: #fff; #nav dt:hover a{color: #000;} #nav ul{display:none; width:auto; min-width:90px Ht:auto; /*outline:1px solid #000; * * border:1px solid #000; border-top:0; Position:absolute; left:4px; Z-index:2; #nav ul. tip{margin-top:10px} #nav li{width:auto margin:6px 4px; #nav li:hover{background: #555555;} #nav Li:hov ER a{color: #fff;} #nav Dt:hoverul{display:block; background: #fff;} </style>
Tip: You can modify some of the code before running
