加入收藏 | 设为首页 | 会员中心 | 我要投稿 焦作站长网 (https://www.0391zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 搭建环境 > Linux > 正文

CSS网页布局入门教程9:用CSS设计网站导航——横向导航

发布时间:2020-03-20 16:32:06 所属栏目:Linux 来源:互联网
导读:CSS网页布局入门教程9:用CSS设计网站导航——横向导航


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


 预览一下效果,已经像个导航的模样了,不过鼠标移上去没有任何响应,这样对于用户体验来说是非常不友好的,因此需要通过一些带有交互反馈的操作来提示用户对象是可以点击的:
#nav li a:hover { background-color:#bbbbbb; color:#ffffff;}
  这次预览效果,用鼠标移上一个频道,响应出现了,这样我们的导航已经变得友好多了。


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


初级导航模块完成,不妨对比一下使用表格式布局和css而已在这方面的优劣,你会发现,css的优势是显而易见的。
  注:从本节开始不再写出具体详细的制作步骤,如果你对其中的部分不明白,可以在本节留言;对css掌握不熟练的朋友,建议再温习前几节,平时多用dreamweaver做一些实例,慢慢会逐步掌握的。

(编辑:焦作站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读