HTML5a标签定义超链接详解
前言
a>
标签定义超链接,用于从一张页面链接到另一张页面。?
元素最重要的属性是 href 属性,它指示链接的目标。
指向 w3school 的超链接:
W3School1
标签的伪类样式
一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:
a 表示所有状态下的连接 如 a{ color:red} a:link: 未访问链接 ,如 a:link { color:blue} a:visITed: 已访问链接 ,如 a:visited{ color:blue} a:active: 激活时(链接获得焦点时)链接的颜色 ,如 a:active{ color:blue} a:hover: 鼠标移到链接上时 ,如 a:hover { color:blue}注意:?
四个“状态”的先后过程是:a:link?->
a:hover?->
a:active?->
a:visited。?
另外,a:active不能设置有无下划线(总是有的)。
eg:
a { font-Size:16px} a:link { color: blue; text-decoration:none; } //未访问:蓝色、无下划线 a:active:{ color: red; } //激活:红色 a:visited { color:purple; text-decoration:none; } //已访问:紫色、无下划线 a:hover { color: red; text-decoration:underline; } //鼠标移近:红色、下划线
设置的样式:
对超链接下划线设置 使用代码”text-decoration”?
语法:?
text-decoration : none || underline || blink || overline || line-through
标签的一些属性
标签是成对出现的,以开始, 结束?
属性.
前言
a>
标签定义超链接,用于从一张页面链接到另一张页面。?
元素最重要的属性是 href 属性,它指示链接的目标。
指向 w3school 的超链接:
W3School1
标签的伪类样式
一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:
a 表示所有状态下的连接 如 a{ color:red} a:link: 未访问链接 ,如 a:link { color:blue} a:visited: 已访问链接 ,如 a:visited{ color:blue} a:active: 激活时(链接获得焦点时)链接的颜色 ,如 a:active{ color:blue} a:hover: 鼠标移到链接上时 ,如 a:hover { color:blue}注意:?
四个“状态”的先后过程是:a:link?->
a:hover?->
a:active?->
a:visited。?
另外,a:active不能设置有无下划线(总是有的)。
eg:
a { font-size:16px} a:link { color: blue; text-decoration:none; } //未访问:蓝色、无下划线 a:active:{ color: red; } //激活:红色 a:visited { color:purple; text-decoration:none; } //已访问:紫色、无下划线 a:hover { color: red; text-decoration:underline; } //鼠标移近:红色、下划线
设置的样式:
对超链接下划线设置 使用代码”text-decoration”?
语法:?
text-decoration : none || underline || blink || overline || line-through
标签的一些属性
标签是成对出现的,以开始, 结束?
属性.
觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5a标签定义超链接详解
本文地址: https://pptw.com/jishu/587132.html