老外网站扣下来的漂亮大气简约的CSS导航菜单
2011-05-01 09:42
447 查看
代码简介:
老外做的,代码简洁,兼容性好,大气十足,也许您正需要。
代码内容:
代码来自:http://www.webdm.cn/webcode/c1fcefb3-f85c-4f8e-9118-2392097da837.html
老外做的,代码简洁,兼容性好,大气十足,也许您正需要。
代码内容:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>老外网站扣下来的漂亮大气简约的CSS导航菜单_网页代码站(www.webdm.cn)</title> <style type="text/css"> ul#menu { width: 100%; height: 43px; background: #FFF url("http://www.webdm.cn/images/20091030/menu-bg.gif") top left repeat-x; font-size: 0.8em; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: bold; list-style-type: none; margin: 0; padding: 0; } ul#menu li { display: block; float: left; margin: 0 0 0 5px; } ul#menu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 8px 15px 0; } ul#menu li a:hover { color: #333; } ul#menu li a.current{ color: #FFF; background: #FFF url("http://www.webdm.cn/images/20091030/current-bg.gif") top left repeat-x; padding: 5px 15px 0; } </style> </head> <body> <br> <br> <ul id="menu"> <li><a href="#" title="">Home</a></li> <li><a href="#" title="" class="current">Products</a></li> <li><a href="1.htm" title="">Contact</a></li> <li><a href="#" title="">Label 4</a></li> <li><a href="#" title="">Label 5</a></li> </ul> </body> </html> <br> <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码!</p>
代码来自:http://www.webdm.cn/webcode/c1fcefb3-f85c-4f8e-9118-2392097da837.html
相关文章推荐
- JS+CSS打造网站头部蓝色简约可自动显示/隐藏的导航菜单
- 符合标准漂亮简单的CSS导航菜单
- 使用CSS创建有图标的网站导航菜单
- jQuery+css实现非常漂亮的水平导航菜单效果
- css网站导航-菜单
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- JS+CSS组合的精彩漂亮的导航菜单代码
- 70+漂亮且极具亲和力的导航菜单设计国外网站推荐
- 漂亮的CSS + XHTML导航菜单
- div+css实现软件公司网站蓝色导航菜单代码
- 30余个漂亮的CSS导航菜单效果http://exploding-boy.com/images/cssmenus/menus.html
- JS+CSS实现漂亮实用的红色导航菜单
- 很靓很大气的简约红色CSS菜单代码
- 电商网站分类导航效果--CSS实现(二) 二级菜单
- JS+CSS实现大气的黑色首页导航菜单效果代码
- 很漂亮实用可用于网站快速导航的CSS按钮菜单
- 30余个CSS导航菜单效果(提示:要将文件下载下来看才有用,“演示”没用)
- JS+CSS实现大气的黑色首页导航菜单效果代码
- CSS设计网站导航菜单的优势
- 【荐】纯CSS实现苹果MAC官方网站的菜单导航