冰川网络营销整体外包平台
服务热线
最新动态
网络学院
八卦相关
html中设置超链接字体颜色和点击后的字体颜色
发布时间:2014-04-04 11:00 | 文章出处:未知 | 点击率:

html中怎么设置超链接字体颜色和点击后的字体颜色
 
假设未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。
 
实现方法很简单,在源代码的<head>和<head>之间加上如下的CSS语法控制: 
 
   <style type="text/css">
   <!--
   a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red} 
   a:visited { text-decoration: none;color: green}
   --> 
   </style> 
 
下面是解释,可以根据自己的需要修改
  其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;
  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线
 
比如到要链接的文字是:
<a href="#">呼市做SEO</a><a href="#">呼市网站建设</a>
CSS这样定义就可以了:
 
<title>无标题文档</title>
<style type="text/css">
a{ color:#000; text-decoration:none}/*链接的时候颜色是黑色的,没有下划线;颜色你可以任意修改*/
a:hover{ color:red; text-decoration:underline}/*鼠标放上去颜色是红色的,有下划线*/
</style>
</head>

个人小站,感谢支持!1ICP/IP地址/域名信息备案管理系统 |数码新视野 | XML baidunews | 网站地图 | 微信公众平台
&CopyRight 2012-2025, YLYUE.COM, Inc.All Rights Reserved | 备案号: 蒙ICP备2021001009号-1