网页制作的下拉菜单怎么做？急急急！

答案:2 悬赏:40 手机版

解决时间 2021-12-25 12:23

提问者网友：温旧梦泪无声
2021-12-25 03:54

急

最佳答案

五星知识达人网友：野味小生
2022-01-10 04:21

刚好我昨天写了一个，把代码发上来，给你用。
　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
　　<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
　　<title>下拉菜单</title>
　　<style type="text/css">
　　#menu{
　　margin:0px;
　　padding:0px;
　　width:980px;
　　list-style-type:none;
　　font:14px Arial, Helvetica, sans-serif;
　　}
　　#menu li{
　　float:left;
　　width:120px;
　　padding:0px;
　　margin:0 1px 0 0;
　　}
　　#menu li dl{
　　width:120px;
　　margin:0;
　　padding:0 0 10px 0;
　　background:#cb6 bottom left;
　　}
　　#menu li dt{
　　margin:0px;
　　padding:8px;
　　text-align:center;
　　border-bottom:1px solid #b00;
　　background:#ed8 url(navbg.jpg) repeat-x top left;
　　}
　　#menu li dt a, #menu li dt a:visited{
　　display:block;
　　color:#fff;
　　text-decoration:none;
　　}
　　#menu li dd{
　　margin:0;
　　padding:0;
　　color:#fff;
　　background:url(navbghover.jpg) repeat-x;
　　}
　　#menu li dd.last{
　　border-bottom:1px solid #b00;
　　}
　　#menu li dd a, #menu li dd a:visited{
　　display:block;
　　color:#fff;
　　text-decoration:none;
　　padding:4px 5px 4px 20px;
　　background:#47a;
　　height:1em;
　　}
　　#menu li dd{
　　display:none;
　　}
　　#menu li:hover dd, #menu li a:hover dd{
　　display:block;
　　}
　　#menu li:hover, #menu li a:hover{
　　border:0;
　　}
　　#menu li dd a:hover{
　　background:#147;
　　color:#9cf;
　　}
　　#menu table{
　　border-collapse:collapse;
　　padding:0px;
　　margin:-1px;
　　font-size:1em;
　　}
　　</style>
　　</head>

　　<body>
　　<ul id="menu">

　　<li>
　　<dl>
　　<dt><a href="#">首页</a></dt>
　　</dl>
　　</li>

　　<li>
　　
　　<dl>
　　<dt><a href="#">关于安博</a></dt>
　　<dd><a href="#">公司简介</a></dd>
　　<dd><a href="#">企业文化</a></dd>
　　<dd><a href="#">科技创新</a></dd>
　　<dd><a href="#">发展远景</a></dd>
　　<dd><a href="#">人才观念</a></dd>
　　<dd><a href="#">版权声明</a></dd>
　　<dd class="last"><a href="#">联系方式</a></dd>
　　</dl>
　　
　　</li>

　　<li>

　　<dl>
　　<dt><a href="#">新闻中心</a></dt>
　　<dd><a href="#">公司新闻</a></dd>
　　<dd class="last"><a href="#">行业新闻</a></dd>
　　</dl>

　　</li>

　　<li>

　　<dl>
　　<dt><a href="#">业务体系</a></dt>
　　<dd><a href="#">域名注册</a></dd>
　　<dd><a href="#">虚拟主机</a></dd>
　　<dd><a href="#">网站制作</a></dd>
　　<dd><a href="#">网站改版</a></dd>
　　<dd><a href="#">网站维护</a></dd>
　　<dd><a href="#">网站优化</a></dd>
　　<dd><a href="#">电子商务</a></dd>
　　<dd class="last"><a href="#">软件开发</a></dd>
　　</dl>
　　</li>

　　<li>
　　<dl>
　　<dt><a href="#">服务与支持</a></dt>
　　</dl>
　　</li>

　　<li>
　　<dl>
　　<dt><a href="#">下载中心</a></dt>
　　</dl>
　　</li>

　　<li>
　　<dl>
　　<dt><a href="#">诚聘英才</a></dt>
　　</dl>
　　</li>

　　<li>
　　<dl>
　　<dt><a href="#">联系我们</a></dt>
　　</dl>
　　</li>
　　</ul>
　　</body>
　　</html>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！