分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

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

发布时间:2023-09-06 01:51责任编辑:白小东关键词:CSS

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. <a 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中定义【导航栏】超链接样式

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved