育才学习网1.怎么用css样式来写导航按钮 就是首页 关于我们之类的 鼠标移动到某位
首页 --- 这里是链接，并且应用样式aLink<style type="text/css">.aLink ---- 这里设置样式aLink{background-image:url（这里选你的背景图片）；color：这里设置你的当前字体颜色}.aLink:hover ---- 加上：hover则表示应用了aLink的样式在鼠标移上去之后应用该样式（伪类样式）{background-image:url（这里选你鼠标移上去的背景图片）；color：这里设置你鼠标移上去的字体颜色}</style>。
2.css做的导航条,如何保留点击后的状态
你这个是导航条、用js实现这个效果没有意义的、因为你点击之后页面就跳转了。
还是设置css比较合理。
假设一个链接表
A -> A.HTM
B -> B.HTM
C -> C.HTM
样式表里面设置 a.current{font-weight:bold;}
在A页
A
B
C
在B页
A
B
C
在C页
A
B
C
3.CSS之导航条中突出显示当前页面的代码
<meta ; charset=utf-8" />4.css导航条判断当前页面高亮效果显示
一般当前高亮都是后台程序判断实现的，不是css做的，要用css做也行，只是麻烦点，要给每个栏目的<body>；加上ID，这样做造成的麻烦是弄后台程序的时候不能把<body>；这行直接写入页头包含文件之中：
下面代码每个body都有自己的ID来识别当前是什么栏目，导航栏每个li也加了class:
------------首页html------------
<body id="home">
<div class="menu">
<ul>
<li class="home"><a>；首页</a></li>
<li class="about"><a>；介绍</a></li>
<li class="news"><a>；新闻</a></li>
<li class="job"><a>；招聘</a></li>
</ul>
</div>
</body>
------------介绍页html------------
<body id="about">
</body>
------------新闻页html------------
<body id="news">
</body>
===============
Css code:
===============
/*导航按钮的默认样式*/
.menu li a{color:#000;}
/*当前栏目高亮样式*/
#home .menu .home a ,
#about .menu .about a ,
#news .menu .news a ,
#job .menu .job a{color:red;}
5.如何用css控制按钮的样式,能实现在按钮上任意书写文字的效果更好
这里是比较详细的步骤，可按此操作：
1 ，常用工具栏，选择图像图标，有个导航栏，点击进入。
2 ，修改项目名称，随便写，然后下面的四个项，浏览，选择你已经做好的图像路径就行了
3 ，要做链接的话，就设置最后的那个URL项，浏览你要链接的内容
4 ，其他项可以不设置，F12预览，就可以看见效果了
5 ，要加文字的话，返回html页面，选择那个图片，到工具栏，选择插入 ，布局对象 ，层 ，
在层里编辑文字就可以了，文字可以做成任何自己想要的形式，和普通的文字设置是一样的
层也可以调节，that is all
转载请注明出处育才学习网 » css样式导航按钮页面当前状态怎么写