码迷,mamicode.com
首页 > Web开发 > 详细

在CSS中定义【导航栏】超链接样式

时间:2018-04-26 23:23:36      阅读:341      评论:0      收藏:0      [点我收藏+]

标签:att   table   :active   site   设置   menu   首页   ble   文件   

1、案例css代码

  1. <style
  2. .divcss5 a:link{ color:#F00}/* 链接默认为红色 */ 
  3. .divcss5 a:hover{ color:#000}/* 鼠标悬停黑色 */ 
  4. .divcss5 a:active{ color:#03F}/* 鼠标点击与释放时蓝色 */ 
  5. .divcss5 a:visited{ color:#F0F}/* 访问过为粉红 */ 
  6. /* divcss5对象内 a超链接设置样式 */ 
  7. </style

2、案例html代码

  1. <div class="divcss5"
  2. DIVCSS5关于 
  3. <href="http://www.divcss5.com/shili/s57.shtml">CSS a样式</a>案例 
  4. </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>

在CSS中定义【导航栏】超链接样式

标签:att   table   :active   site   设置   menu   首页   ble   文件   

原文地址:https://www.cnblogs.com/apolloren/p/8954998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!