文档章节

CSS定义链接样式

pfpfpfp
 pfpfpfp
发布于 2015/03/26 15:31
字数 324
阅读 21
收藏 0
点赞 0
评论 0

定义链接样式 
  CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是: 
:link 
:visited 
:hover 
:active 

:focus

  因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下: 
a:link,定义正常链接的样式; 
a:visited,定义已访问过链接的样式; 
a:hover,定义鼠标悬浮在链接上时的样式; 
a:active,定义鼠标点击链接时的样式;

a:focus,定义连接处于焦点状态。即用户通过Tab轮流访问页面上的连接

改变链接文字的颜色可以在 <body> 标签里指定 link、vlink、alink 属性。link 是未访问的链接的颜色,vlink 是已访问的链接的颜色,alink 是被点击时的链接的颜色。

<body link="#0000cc" vlink="#000080" alink="#ff0000">

要单独指定链接文字的颜色,像下面这样写。

<a href="xx.html" style="color:red">XXXX</a>





本文转载自:http://www.monmonkey.com/rumenpian/shili/link.html

共有 人打赏支持
pfpfpfp
粉丝 0
博文 8
码字总数 355
作品 0
广州
五,JavaWeb简略的谈下前端技术CSS层叠样式表

最初的web页面只是在浏览器里边显示一些信息而已,后来随着互联网的发展,人们对页面的可观赏性要求越来越高,你网站做的难看,没人浏览啊,而且网站的功能越来越强大,如果这么多的页面没有...

zhanggong
2016/01/13
31
0
10个非常不错的CSS技巧

在这里,巧妙的运用CSS的技巧,可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时,我经常“不断推敲和...

曾沙
2012/09/05
5.2K
12
html 点击<a>元素后颜色的变换

可以利用CSS的伪类实现: a:link,定义正常链接的样式; a:visited,定义已访问过链接的样式; a:hover,定义鼠标悬浮在链接上时的样式; a:active,定义鼠标点击链接时的样式。 例子:...

追风筝的猪
03/23
0
0
8个用于编写可维护,简化的前端代码的CSS策略

     前言   代码质量不仅适用于后端的Java或C语言,它也适用于CSS。继续阅读,了解如何编写出色的CSS!   编写基本的CSS和HTML是我们作为Web前端开发人员学习的第一件事情之一。然而...

webstack前端栈
2017/12/21
0
0
CSS2--入门到精通实用最全

**-----CSS2-----** 1.CSS特点简介 (1)CSS 指层叠样式表 (Cascading Style Sheets) (2)样式定义如何显示 HTML 元素 (3)样式通常存储在样式表中 (4)把样式添加到 HTML中是为了解决内容...

我是宁采臣
2016/12/08
0
0
css link和@import区别用法

1、link语法结构 实际应用截图: 使用link标签截图 Html link标签说明 此标签是引入CSS文件link标签,只要设置好路径即可。 扩展阅读:html link 2、@import语法结构 @import + 空格+ url(CSS...

科技探索者
2017/11/09
0
0
jQuery基础 - 改变CSS样式

jQuery提供的方法来实现嵌入式改变元素样式,方法在使用上具有多样性。其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码:...

凯文加内特
2015/02/13
21K
0
CSS Tutorial(一):基本知识

1.简介 CSS(Cascading Style Sheets):叠层样式表。主要用来定义如何去显示HTML的元素。HTML4中添加CSS主要是为了达到内容与显示分离。 HTML原本是设计用来用来定义一个文档的内容,而不是用...

wawlian
2012/03/12
0
0
web前端开发中浏览器兼容问题(四)

16.链接访问后hover样式就不出现 • 被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题。 • 解决方法是改变CSS属性的排列顺序: L-V-H-A 例: <style type="text...

博为峰教研组
2016/12/01
1
0
CSS入门指南-1:工作原理

这是CSS设计指南的读书笔记,用于加深学习效果。 最近想做一个小程序,前端是必修课,那就从css开始吧。 css 工作原理 每个html元素都有一组样式属性,可以通过css来设定。当html元素的同一个...

goodspeed
2017/07/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

【面试题】盲人坐飞机

有100位乘客乘坐飞机,其中有一位是盲人,每位乘客都按自己的座位号就坐。由于盲人看不见自己的座位号,所以他可能会坐错位置,而自己的座位被占的乘客会随便找个座位就坐。问所有乘客都坐对...

garkey
今天
0
0
谈谈神秘的ES6——(二)ES6的变量

谈谈神秘的ES6——(二)ES6的变量 我们在《零基础入门JavaScript》的时候就说过,在ES5里,变量是有弊端的,我们先来回顾一下。 首先,在ES5中,我们所有的变量都是通过关键字var来定义的。...

JandenMa
今天
1
0
arts-week1

Algorithm 594. Longest Harmonious Subsequence - LeetCode 274. H-Index - LeetCode 219. Contains Duplicate II - LeetCode 217. Contains Duplicate - LeetCode 438. Find All Anagrams ......

yysue
今天
0
0
NNS拍卖合约

前言 关于NNS的介绍,这里就不多做描述,相关的信息可以查看NNS的白皮书http://doc.neons.name/zh_CN/latest/nns_background.html。 首先nns中使用的竞价货币是sgas,关于sgas介绍可以戳htt...

红烧飞鱼
今天
1
0
Java IO类库之管道流PipeInputStream与PipeOutputStream

一、java管道流介绍 在java多线程通信中管道通信是一种重要的通信方式,在java中我们通过配套使用管道输出流PipedOutputStream和管道输入流PipedInputStream完成线程间通信。多线程管道通信的...

老韭菜
今天
0
0
用Python绘制红楼梦词云图,竟然发现了这个!

Python在数据分析中越来越受欢迎,已经达到了统计学家对R的喜爱程度,Python的拥护者们当然不会落后于R,开发了一个个好玩的数据分析工具,下面我们来看看如何使用Python,来读红楼梦,绘制小...

猫咪编程
今天
1
0
Java中 发出请求获取别人的数据(阿里云 查询IP归属地)

1.效果 调用阿里云的接口 去定位IP地址 2. 代码 /** * 1. Java中远程调用方法 * http://localhost:8080/mavenssm20180519/invokingUrl.action * @Title: invokingUrl * @Description: * @ret......

Lucky_Me
今天
1
0
protobuf学习笔记

相关文档 Protocol buffers(protobuf)入门简介及性能分析 Protobuf学习 - 入门

OSC_fly
昨天
0
0
Mybaties入门介绍

Mybaties和Hibernate是我们在Java开发中应用的比较多的两个ORM框架。当然,目前Mybaties正在慢慢取代Hibernate,这是因为相比较Hibernate而言Mybaties性能更好,响应更快,更加灵活。我们在开...

王子城
昨天
2
0
编程学习笔记之python深入之装饰器案例及说明文档[图]

编程学习笔记之python深入之装饰器案例及说明文档[图] 装饰器即在不对一个函数体进行任何修改,以及不改变整体的原本意思的情况下,增加函数功能的新函数,因为这个新函数对旧函数进行了装饰...

原创小博客
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部