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”> Site navigation: <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 创建文字导航菜单和翻转特效

H5页面使用audio标签播放音频

2345手机助手怎么下载音乐/铃声 2345手机助手下载音

靠谱助手怎么ROOT 靠谱助手一键root图文教程

js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明

安卓模拟器bluestacks安装不了解决办法

CSS填充和宽高详解

photoshop打造真人手绘图

XSplit登陆慢、无法登陆的解决办法

电子书制作排版教程

PP加速器新窗口独立视频功能