【纯css下拉导航栏】纯CSS下拉导航菜单效果代码

更新时间：2018-02-27 来源：导航菜单手机版 字体：大中小

【www.bbyears.com--导航菜单】

提示：您可以先修改部分代码再运行

<!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>纯CSS菜单</title> 
<style type="text/css"> 
* { font-family:"宋体"; margin:0; padding:0; } 
body { padding:15px; } 
.nav li li a { display:inline-block; } 
.nav li li a { display:block; } 
.nav ul { list-style-type:none; margin:0; padding:0; } 
.nav ul li { float:left; line-height:24px; display:block; border-bottom:dashed #ccc 1px; font-size:0; padding:0; margin:0; width:120px; } 
.nav ul li a { display:block; width:120px; height:24px; font-size:12px; text-align:center; color:#555; text-decoration:none; background:#f7f7f7; } 
.nav ul table { width:100%; border-collapse:collapse; border:0; padding:0; margin:0; } 
.nav ul li ul { display:none; } 
.nav ul li:hover, .nav ul li a:hover, .nav ul li a:active { color:red; background-color:#f1f1f1; } 
.nav ul li:hover ul, .nav ul li a:hover ul, .nav ul li a:active ul { display:block; width:100%; } 
.nav ul ul li { display:block; width:100%; border:none; } 
.nav ul ul li a { display:block; color:blue; border:none; } 
</style> 
</head> 
<body> 
 
 
首页  
 
 
 
最新更新 
下载排行 
 
 
 
 
ASP  
 
 
 
企业整站 
图片相册 
社区程序 
 
 
 
 
PHP  
 
 
 
博客微博 
论坛社区 
 
 
 
 
JSP  
 
 
 
企业 
新闻系统 
留言 
 
 
 
 
VC++  
 
 
 
<a href="http://www.bbyears.com/clist-16-1.html" target="_blank" class="keylink">数据库</a> 
界面 
加密 
 
 
 
 
DELPHI  
 
 
 
系统相关 
算法 
<a href="http://www.bbyears.com/clist-16-1.html" target="_blank" class="keylink">数据库</a> 
 
 
 
 
 
 
</body> 
</html>

提示：您可以先修改部分代码再运行

本文来源：http://www.bbyears.com/wangyetexiao/39567.html

链接：http://www.bbyears.com/wangyetexiao/39567.html
【纯css下拉导航栏】纯CSS下拉导航菜单效果代码(转载时请注明本文出处及链接)

猜你感兴趣

[phpstudy]PHP empty() isset() is_null() 区别与性能比较 2018-02-27
【php中获取上一页参数】php中safe_mode安全模式配置详解 2018-02-27
[解决android手机无法播放]解决Android手机无法调试方法介绍 2018-02-27
sql计算日期差_sql中常用的日期计算语句 2018-02-27
【phpstudy】php soap 调用webservice应用测试 2018-02-27
[电脑上ip地址怎么设置]怎么给电脑设置IP地址图文详解 2018-02-27
[php注册码序列号生成器]PHP注册码/序列号生成实例程序 2018-02-27
wordpress主题|wordpress显示同分类的最新文章实现方法 2018-02-27
php设置图片浏览器|PHP设置图片浏览器缓存方法介绍 2018-02-27
tplink路由器pppoe拨号失败_tplink路由器PPPOE拨号上网配置指南 2018-02-27

本类排行

本类最新

更多>>

【纯css下拉导航栏】纯CSS下拉导航菜单效果代码

猜你感兴趣

热门标签

本类排行

本类最新