CSS 选择下拉菜单样式怎么写
<divclass="con_nav"><ul><liclass="con_bj1"><selectname=""size="1"class="con_bjyc"><op...
<div class="con_nav"><ul><li class="con_bj1"><select name="" size="1" class="con_bjyc"> <option class="gray">国家地区</option> <option>美国</option> <option>加拿大</option> <option>香案</option></select></li>
<li class="con_bj1"><span><a href="#">主机类型 </a></span></li>
<li class="con_bj3"><span><a href="#">CPU</a></span></li>
<li class="con_bj3"><span><a href="#">内 存</a></span></li>
</ul>
</div>
.con_nav{clear:both; padding:30px 0px 0px 15px;}.con_nav ul{list-style-type:none; } .con_nav li{float:left; line-height:30px; text-align:center; }.con_bj1{background:url(search.jpg) no-repeat; width:87px; height:28px; color:#FFF; border:0px; text-align:center;}
自己写了下不行 也不兼容 太乱了 请教大师帮我下 谢谢了 展开
<li class="con_bj1"><span><a href="#">主机类型 </a></span></li>
<li class="con_bj3"><span><a href="#">CPU</a></span></li>
<li class="con_bj3"><span><a href="#">内 存</a></span></li>
</ul>
</div>
.con_nav{clear:both; padding:30px 0px 0px 15px;}.con_nav ul{list-style-type:none; } .con_nav li{float:left; line-height:30px; text-align:center; }.con_bj1{background:url(search.jpg) no-repeat; width:87px; height:28px; color:#FFF; border:0px; text-align:center;}
自己写了下不行 也不兼容 太乱了 请教大师帮我下 谢谢了 展开
4个回答
展开全部
一般的下拉菜单样式是用JS用图片去实现的，或者直接用DIV模拟实现的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
m啊选猝衰xbdkoΥ摹┰km啊选猝衰aj｛
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
哈哈，你这个不能用select写的
用DIV模仿这个效果就可以了
用DIV模仿这个效果就可以了
追问
您意思直接写导航的那种下拉效果吗 那样就好办了 我以为这样可以写出来 随便问下您是前端还是程序员
追答
是的，我是前端的
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>纯CSS下拉菜单</title>
<style type="text/css">
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body>
<!--[if lte IE 6]><a href="#"><![endif]-->
<dl>
<dt>一级菜单</dt>
<dd>二级菜单</dd>
<dd>二级菜单</dd>
<dd>二级菜单</dd>
</dl>
<!--[if lte IE 6]></a><![endif]-->
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>纯CSS下拉菜单</title>
<style type="text/css">
dd{
display:none;
}
dl:hover dd,a:hover dd{
display:block;
}
a:hover{
border:0;
}
</style>
</head>
<body>
<!--[if lte IE 6]><a href="#"><![endif]-->
<dl>
<dt>一级菜单</dt>
<dd>二级菜单</dd>
<dd>二级菜单</dd>
<dd>二级菜单</dd>
</dl>
<!--[if lte IE 6]></a><![endif]-->
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
