主要作用是给用HTML做的链接修改样式

主要包括：

1.超链接访问前（被点前）状态a:link

2.超链接访问后（被点后）状态a:visited

3.鼠标指向超链接时（放在上面）状态a:hover

4.点击超链接时的状态a:active

注意的是：顺序不能改变 简单记为L V H A

基本格式为:

<style type="text/css">

a:link

{

color:blue;

text-decoration:none;

}

a:visitd

{]

a:hover

{}

a:active

{}

</style>

例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>360标签</title>

<link href="360小标签css表.css" rel="stylesheet" type="text/css" />

</head>

<body>

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="8">

  <tr align="center"><font size="+4" face="楷体">

    <td><a href="http://www.autohome.com.cn">汽车之家</a></td>

    <td><a href="http://zibo.bitauto.com">易 车 网</a></td>

    <td><a href="http://www.pcauto.com.cn">太平洋汽车</a></td>

    <td><a href="http://www.anjuke.com">安 居 客</a></td>

    <td><a href="http://out.zhe800.com">折800</a></td>

    <td><a href="http://www.suning.com"><font color="#00CC33">苏宁易购</a></font></td>

  </tr>

  <tr align="center"><font size="+4" face="楷体">

    <td><a href="http://www.12306.cn">12306官网</a></td>

    <td><a href="http://www.people.com.cn">人民</a><span>•</span><a href="http://www.xinhuanet.com">新华</a></td>

    <td><a href="http://www.ganji.com">赶 集 网</a></td>

    <td><a href="http://union.dangdang.com">当 当 网</a></td>

    <td><img src="360小图标/途牛.jpg" width="15" /><a href="http://www.tuniu.com">途牛旅游网</a></td>

    <td><a href="http://www.baidu.com"><font color="#00CC33"><i><b>1号店</b></i></a>&nbsp;<a href="http://www.baidu.com"><img src="360小图标/抢福袋.jpg" width="40"/></a></td></font>

  </tr>

  <tr align="center"><font size="+4" face="楷体">

    <td><a href="http://www.zhenai.com">真爱婚恋网</a></td>

    <td><a href="http://www.moonbasa.com">梦 芭 莎</a></td>

    <td><a href="http://www.baidu.com">亚 马 逊</a></td>

    <td><a href="http://www.baidu.com">艺 龙 网</a></td>

    <td><a href="http://www.baidu.com">去哪儿网</a></td>

    <td><a href="http://www.baidu.com">美 丽 说</a></td></font>

  </tr>

  <tr align="center"><font size="+4" face="楷体">

    <td><a href="http://www.baidu.com">美 团 网</a></td>

    <td><a href="http://www.baidu.com">乐视视频</a></td>

    <td><img src="360小图标/唯品会.jpg" width="15"/><a href="http://www.baidu.com">唯 品 会</a></td>

    <td><a href="http://www.baidu.com"><font color="#CC6600">聚美优品</a></td></font>

    <td><a href="http://www.baidu.com">搜 房 网</a></td>

    <td><a href="http://www.baidu.com">蘑 菇 街</a></td></font>

  </tr>

  <tr align="center"><font size="+4" face="楷体">

    <td><a href="http://www.baidu.com">猎 聘 网</a></td>

    <td><a href="http://www.baidu.com">1 药 网</a></td>

    <td><a href="http://www.baidu.com">陆金所理财</a></td>

    <td><a href="http://www.baidu.com">六 间 房</a></td>

    <td><a href="http://www.baidu.com">携程机票</a></td>

    <td><a href="http://www.baidu.com">12306·抢票</a></td></font>

  </tr>

</table>

</body>

</html>

这是未修改样式的超链接(从来没点过的默认蓝色，点过之后默认紫色）

下面用样式表修改



@charset "utf-8";
/* CSS Document */




<style type="text/css">
*
{
	margin:0px;
	margin:0px;
}
a:link
{
	color:#000;
	text-decoration:none;}/*下划线*/
a:visited
{
	color:#000;
	text-decoration:none}
a:hover
{
	color:#F00;
	text-decoration:underline;}
a:active
{
	color:#F60;
	text-decoration:underline;}		
</style>


 




效果为：


 
												


											
CSS样式表——超链接样式的更多相关文章
	

    
								
  1. css样式表：样式分类，选择器。样式属性，格式与布局
		
    样式表分类: 1.内联样式表, 和html联合显示,例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独 ...
    
		
    2. 
						
  2. 8.20  css样式表：样式分类，选择器。样式属性，
		
    样式表分类: 1.内联样式表, 和html联合显示,例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独 ...
    
		
    3. 
						
  3. 一起学HTML基础-CSS样式表常用样式属性
		
    样式属性 背景与前景: background-color:#F90; /*背景颜色,样式表优先级最高*/ background-image:url(路径); /*设置背景图片(默认)*/ backgr ...
    
		
    4. 
						
  4. 【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
		
    以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确. 给出我试的顺序,可能会对大 ...
    
		
    5. 
						
  5. css 样式表  基础    样式
		
    1大小 width  宽度 height 高度 2 背景 background-color 背景色 background-image:url(图片位置) 背景图片 background-repeat: ...
    
		
    6. 
						
  6. css form表单样式清除
		
    开发项目中表单常用的清楚样式: 1.改变placeholder默认字体颜色 ::-webkit-input-placeholder{color: #333;} :-moz-placeholder{co ...
    
		
    7. 
						
  7. CSS样式表  选择器
		
    1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> &l ...
    
		
    8. 
						
  8. 3月22日 html(三)css样式表
		
    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例 ...
    
		
    9. 
						
  9. css样式表及属性
		
    CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/    此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js出现Syntax error on token "catch", Identifier expected
			
    本文转自:http://blog.csdn.net/u011159417/article/details/73916676 项目中需要使用jQuery,因此下载了jQuery的js包jquery-3. ...
    
			
    2. 
						
  2. ORA-04089: 无法对 SYS 拥有的对象创建触发器
			
    ORA-04089: 无法对 SYS 拥有的对象创建触发器 http://bbs.csdn.net/topics/390355220 猛然发现自己是用sys用户创建表空间,创建用户,赋权,顺手就把sq ...
    
			
    3. 
						
  3. HDUOJ----（2612）Find a way
			
    Find a way Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total  ...
    
			
    4. 
						
  4. js访问url和cookie
			
    function QueryString() { var data = []; this.Read = function() { var aPairs, aTmp; var queryString = ...
    
			
    5. 
						
  5. UltraEdit程序设置添加到右键菜单
			
    http://hellofs.blog.51cto.com/6109153/1180681 以前安装UltraEdit软件,在安装过程中选择将其添加到右键菜单,安装完成后就可以正常显示在右键菜单,这样 ...
    
			
    6. 
						
  6. GraphX实现N度关系
			
    背景 本文给出了一个简单的计算图中每一个点的N度关系点集合的算法,也就是N跳关系. 之前通过官方文档学习和理解了一下GraphX的计算接口. N度关系 目标: 在N轮里.找到某一个点的N度关系的点集合 ...
    
			
    7. 
						
  7. 使用 C＃ 开发智能手机软件：推箱子(十四)
			
    这是"使用 C# 开发智能手机软件:推箱子"系列文章的第十四篇.在这篇文章中,介绍 Window/ErrorMsgDlg.cs 源程序文件.这个源程序文件包括 ErrorMsgDl ...
    
			
    8. 
						
  8. Android事件分发机制源代码分析
			
    小小感慨一下,做android有一段时间了,一直以来都是习惯整理笔记存到有道笔记上,没有写博客的习惯. 以后逐步分类整理出来,也算"复习"一遍了 - _ - . android的事 ...
    
			
    9. 
						
  9. Python2 列表 cmp() 方法
			
    描述 Python2 列表 cmp() 方法用于比较两个列表,如果 L1 < L2 返回 -1, 如果 L1 == L2 返回 0, 如果 L1 > L2 返回 1. 语法 cmp() 方 ...
    
			
    10. 
						
  10. mysql 权限处理
			
    这是对mysql 业务用户在权限处理中遇到的坑: 之前在新建mysql 实例后会做两件事 1.增加业务库 2.为业务库增加一个与之对应的用户 create database appdb char se ...
    
			
    11.