收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2357|回复: 9

[讨论] 最简单的css菜单

[复制链接]
发表于 2010-3-28 17:04:03 | 显示全部楼层 |阅读模式
  1. <style type="text/css">
  2. *{margin:0px;padding:0px;font-size:12px;}
  3. #nav li{float:left; list-style:none;}
  4. #nav li a{color:#000;text-decoration:none;display:block;width:100px;height:25px;line-height:25px;text-align:center;background:#ececec;margin-left:2px;}
  5. #nav li a:hover{background:#999;color:#eee;}
  6. </style>
  7. </head>

  8. <body>
  9. <ul id="nav">
  10.   <li><a href="#">首页</a></li>
  11.   <li><a href="#">文章</a></li>
  12.   <li><a href="#">参考</a></li>
  13.   <li><a href="#">Blog</a></li>
  14.   <li><a href="#">论坛</a></li>
  15.   <li><a href="#">联系</a></li>
  16. </ul>
复制代码

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


[[i] 本帖最后由 jikeytang 于 2010-3-28 17:08 编辑 ]
发表于 2010-3-28 21:38:15 | 显示全部楼层
直接 全部用 a 不用 li
不更简单么??
回复 支持 反对

使用道具 举报

发表于 2010-3-28 21:59:13 | 显示全部楼层
确实很简单,简洁美啊!!

如何用CSS制作横向菜单?
回复 支持 反对

使用道具 举报

发表于 2010-3-29 00:16:18 | 显示全部楼层
那看看这个:   
http://www.fangfumu.org/source/default.html
自我感觉不错。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-29 09:27:13 | 显示全部楼层

回复 3# yoom 的帖子

所有的其它属性都可以写在a里边。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2010-3-29 09:28:02 | 显示全部楼层

回复 4# whjhn2009 的帖子

细节还是怪吓人滴。呵呵。
颜色搭配真是没话说。
回复 支持 反对

使用道具 举报

发表于 2010-3-30 13:29:39 | 显示全部楼层
激动了半天,CSS下拉菜单出现了!
回复 支持 反对

使用道具 举报

发表于 2010-3-31 13:10:31 | 显示全部楼层
有点太简单了
回复 支持 反对

使用道具 举报

发表于 2010-4-20 12:20:11 | 显示全部楼层
chrome 下不正常
回复 支持 反对

使用道具 举报

发表于 2010-4-21 14:42:25 | 显示全部楼层
貌似一本书里的教程
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-1-25 07:16 , Processed in 0.109100 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表