下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家,也给大家做个参考。
<!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=utf-8" /><Title>纯CSS圆角下拉菜单</Title><style type="text/CSS">*{margin:0; padding:0;}#nav{wIDth:608px;margin:10px auto;Font-family:Arial;Font-size:16px;color:#0000FF;}#nav b{ clear:both; display:block; height:1px; background: #333;}.b1,.b10{margin:0 4px;}.b2,.b9{margin:0 3px; border-left:solID 1px; border-right:solID 1px;}.b3,.b8{margin:0 2px; border-left:solID 1px; border-right:solID 1px;}.b4,.b7{margin:0 1px;border-left:solID 1px; border-right:solID 1px;}.b5,.b6{margin:0;}#nav #dh{ height:24px; background: #333; }#nav #dh a{display:block;text-decoration:none;float:left;wIDth:100px;text-align:center;border-right:solID #CCC 1px;line-height:150%;color: #FFF;position:relative;}#nav #dh a.limit{ border:none;}#nav #dh a ul{ List-style:none; position: absolute; display:none; background: #333; left:0; top:24px; }#nav #dh a ul li{ wIDth:100px; }#nav #dh a:hover ul{ display:block; } #nav #dh a:hover ul li:hover{ background:#CC9966; color:#FFFF00; } </style></head><body><div ID="nav"><b ></b><b ></b><b ></b><b ></b><b ></b><div ID="dh"> <a href="#">首页 <ul> <li>下载排行</li> <li>最近更行</li> </ul> </a> <a href="#">ASP <ul> <li>企业整站</li> <li>图片相册</li> <li>社区程序</li> </ul> </a> <a href="#">PHP <ul> <li>博客微博</li> <li>社区论坛</li> <li>社区程序</li> </ul> </a> <a href="#">JsP <ul> <li>企业</li> <li>新闻系统</li> <li>留言</li> </ul> </a> <a href="#">VC++ <ul> <li>企业整站</li> <li>图片相册</li> <li>社区程序</li> </ul> </a> <a href="#">DELPHI <ul> <li>系统相关</li> <li>算法</li> <li>数据库</li> </ul> </a></div><b ></b><b ></b><b ></b><b ></b><b ></b></div></body></HTML>
以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的纯css下拉菜单【包括圆角设计】全部内容,希望文章能够帮你解决纯css下拉菜单【包括圆角设计】所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)