在CSS中定义【导航栏】超链接样式
1、案例css代码
- <style>
- .divcss5 a:link{ color:#F00}/* 链接默认为红色 */
- .divcss5 a:hover{ color:#000}/* 鼠标悬停黑色 */
- .divcss5 a:active{ color:#03F}/* 鼠标点击与释放时蓝色 */
- .divcss5 a:visited{ color:#F0F}/* 访问过为粉红 */
- /* divcss5对象内 a超链接设置样式 */
- </style>
2、案例html代码
- <div class="divcss5">
- DIVCSS5关于
- <a href="http://www.divcss5.com/shili/s57.shtml">CSS a样式</a>案例
- </div>
===================
自己的案例,
/*导航栏*/
.menu a:link{ color:white}/* 链接默认为白色 */
.menu a:hover{ color:red}/* 鼠标悬停白色 */
.menu a:active{ color:yellow}/* 鼠标点击与释放时白色 */
.menu a:visited{ color:black}/* 访问过为白色 */
以上是css文件
<ul class="menu" id="menu"> | |
<li ><a href=company.php?id=802>首页</a></li> | |
<li ><a href=company_introduction.php?id=802>公司介绍</a></li> | |
<li ><a href=company_news.php?id=802>资讯美文</a></li> | |
<li ><a href=company_XX.php?id=802>装修工地</a></li> | |
<li ><a href=company_store.php?id=802>商品展示</a></li> | |
<li class="banner_li" ><a href=company_team.php?id=802>优秀员工</a></li> | |
</ul> |