无需表格的菜单
2012-08-28 13:42
190 查看
<!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> <style type="text/css"> body{ background-color:#ffdee0;} #navigation{ width:200px; font-family:Arial, Helvetica, sans-serif;} ul li{ list-style-type:none; margin:0px; padding:0px;} #navigation li{ border-bottom:1px solid #ED9F9F;} #navigation li a{ display:block; padding:5px 5px 5px 0.5em; text-decoration:none; border-left:12px solid #711515; border-right:1px solid #711515;} #navigation li a:link, #navigation li a:visited{ background-color:#c11136; color:#FFFFFF; } #navigation li a:hover{ /* 鼠标经过时 */ background-color:#990020; /* 改变背景色 */ color:#ffff00; /* 改变文字颜色 */ } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无需表格的菜单</title> </head> <body> <div id="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> <li><a href="#">Home</a></li> </ul> </div> </body> </html>
相关文章推荐
- 无需表格制作CSS菜单
- 利用项目符号和样式无需表格建立菜单菜单
- 读“无需表格的菜单”
- CSS设置无需表格的菜单
- 无需表格的菜单
- 在表格菜单中,用JavaScript实现随着鼠标的滚动改变行的颜色
- ul(项目列表)-制作无须表格的菜单
- FineUI大版本升级,外置ExtJS库、去AXD化、表格合计行、表格可编辑单元格的增删改、顶部菜单框架
- WEB_BASIC---01 Web概述、HTML概述、文本处理、图像和超链接、表格、菜单
- 关于EasyUI对话框,表格和菜单组件在IE下的兼容性处理方法
- 【微信公众平台】订阅号无需认证获取自定义菜单功能
- Cocos2d-x 点击菜单按键居中放大(无需修改底层代码)
- 如何让natTable表格支持自定义多个右键菜单
- 制作漂亮的三维表格 立体效果菜单按钮
- EasyUI 表格点击右键添加或刷新 绑定右键菜单
- 关于EasyUI对话框,表格和菜单组件在IE下的兼容性处理方法
- jQuery动态生成表格及右键菜单功能示例
- 表格添加右键菜单功能
- 使用Web标准建站第11天:不用表格的菜单
- Bootstrap --表格菜单和胶囊式菜单