您现在的位置是：网站首页>列表内容 CSS Cookbook 创建文字导航菜单和翻转特效 _CSS教程_CSS_网页制作_ 2021-08-29 18:13:28 2084人已围观 简介 CSS Cookbook例子 创建文字导航菜单和翻转特效 <!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> <title>CSS Cookbook例子 创建文字导航菜单和翻转特效 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"><!-- #navsite p { display: none } #navsite { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; width:12em; border-right:1px solid #666; padding:0; margin-bottom:1em; background-color:#9cc; color:#333; } #navsite ul { list-style:none; margin:0; padding:0; } #navsite ul li { margin:0; border-top:1px solid #003; } #navsite ul li a { display:block; padding:2px 2px 2px 0.5em; border-left:10px solid #369; border-right:1px solid #69c; border-bottom:1px solid #369; background-color:#036; color:#fff; text-decoration:none; width:100%; } html>body #navsite ul li a { width:auto; } #navsite ul li a:hover { border-left:10px solid #036; border-right:1px solid #69c; border-bottom:1px solid #369; background-color:#69f; color:#fff; } --></style> </head> <body> <div id="navsite"> <p>Site navigation:</p> <ul> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/archives/">Archives</a></li> <li><a href="/writing/">Writing</a></li> <li><a href="/speaking/">Speaking</a></li> <li><a href="/Contact/">Contact</a></li> </ul> </div> </body> </html> 提示：您可以先修改部分代码再运行 转载：感谢您对网站平台的认可，以及对我们原创作品以及文章的青睐， 非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处。 上一篇：CSS Cookbook创建水平导航菜单_CSS教程_CSS_网页制作_ 下一篇：区别div和span、relative和absolute、display和visibility_Div+CSS教程_CSS_网页制作_ 点击排行 疯狂来找钱第28关拉霸怎么过？疯狂来找钱第28关拉霸技巧攻略_手机游戏_游戏攻略_ 天天炫斗阿努比斯打不死怎么办？天天炫斗阿努比斯怎么打？阿努比斯打法攻略_手机游戏_游戏攻略_ 伊甸神圣宠物独角兽介绍_手机游戏_游戏攻略_ 雷霆战机5月21日最新修改辅助器刷分刷钻刷金币无异常_手机游戏_游戏攻略_ 全民打怪兽五星级装备获取攻略介绍_手机游戏_游戏攻略_ 雷霆战机测试闯关模式3个残骸的掉率分析_手机游戏_游戏攻略_ 刀塔传奇燃烧的远征全阶段打法攻略_手机游戏_游戏攻略_ 雷霆战机5月21日最新更新活动公告通知_手机游戏_游戏攻略_ 全民打怪兽最强四星伙伴及获取方法汇总_手机游戏_游戏攻略_ 迷你西游每日必做的14件事_手机游戏_游戏攻略_ 本栏推荐 疯狂来找钱第28关拉霸怎么过？疯狂来找钱第28关拉霸技巧攻略_手机游戏_游戏攻略_ 天天炫斗阿努比斯打不死怎么办？天天炫斗阿努比斯怎么打？阿努比斯打法攻略_手机游戏_游戏攻略_ 伊甸神圣宠物独角兽介绍_手机游戏_游戏攻略_ 雷霆战机5月21日最新修改辅助器刷分刷钻刷金币无异常_手机游戏_游戏攻略_ 全民打怪兽五星级装备获取攻略介绍_手机游戏_游戏攻略_ 雷霆战机测试闯关模式3个残骸的掉率分析_手机游戏_游戏攻略_ 刀塔传奇燃烧的远征全阶段打法攻略_手机游戏_游戏攻略_ 雷霆战机5月21日最新更新活动公告通知_手机游戏_游戏攻略_ 全民打怪兽最强四星伙伴及获取方法汇总_手机游戏_游戏攻略_ 迷你西游每日必做的14件事_手机游戏_游戏攻略_
