html5下拉表单如何改为横拉,css+div导航下拉二级菜单竖排效果如何改为横排？

css+div导航下拉二级菜单竖排效果如何改为横排？0

ruican8882013.06.18浏览1265次分享举报

RT，在“下一站”有三个二级竖排菜单，如何能变为横排？困扰了我一天了，在网上找不到解决办法，谢谢高手指教了！请详细说明是修改哪个位置的css

以下是源文件：

无标题文档

dl {float:left;}

*{

margin:0px;

padding:0px;

}

body{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

background-color:#999999;

text-align:center;

}

#dao{

list-style:none;

margin:150px;

}

#dao li{

float:left;

}

#dao li a{

font-size:14px;

display:block;

padding:10px 20px;

background-color:#006400;

text-decoration:none;

color:#FFFFFF

}

#dao li a:hover{;

background-color:#4169E1;

color:#FFFFFF;

}

#dao li dl{

float:left;

margin:0px;

width:90px;

display:none;

}

#dao li dl dd a{

text-align:left;

text-indent:5px;

color:#FFFFFF;

background-color:#FFD700;

line-height:3px;

}

#dao li dl dd a:hover{

background-color:#FF6699;

cursor:hand;

}

#dao li:hover dl{

display:block;

}

• 首页
• 下一站

我是谁

互助

天后宫

铃声传讯 个人日记 时光流 联系我