a标签css-a标签的css样式中的四种状态

本文主要介绍了a标签的css样式中的四种状态a标签css,具有一定的参考价值。 现在我就和大家分享一下。 有需要的同学可以参考一下

a标签有四种“状态”:a:link ->a:hover ->a:active ->a:visited。另外,a:active不能设置带或不带逗号(总是存在),有一个下面的例子给你看

表示所有状态下的连接a标签css,例如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:hover 和 a:visited 链接的状态(颜色、下划线等)应该相同。

前两个分别对应body元素的link、vlink、alink这三个属性。

四个“状态”的顺序是:a:link ->a:hover ->a:active ->a:visited。 此外,a:active 不能设置带或不带逗号(始终)。

a标签加img标签_a标签css样式_a标签css

示例:伪类的常见状态值

 
a {font-size:16px} 
a:link {color: blue; text-decoration:none;} //未访问:蓝色、无下划线 
a:active:{color: red; } //激活:红色 
a:visited {color:purple;text-decoration:none;} //已访问:purple、无下划线 
a:hover {color: red; text-decoration:underline;} //鼠标移近:红色、下划线 

本文主要介绍css如何改变文字的透明度,有一定的参考价值。 有兴趣的同学可以参考一下。 希望您读完这篇文章后能有所收获。 让小编带你一起来了解一下吧。

css改变文字透明度的方式: 1、使用opacity属性添加“opacity:透明度值;” 文本元素的样式; 2.使用rgba()函数添加“color:rgba(red,green,blue,透明度值);” 风格很好。

本教程的运行环境:windows7系统,CSS3&&HTML5版本,DellG3笔记本。

css让word改变透明度

方法一、使用opacity属性


	
		
	
	
		
测试文字
测试文字
测试文字

Opacity 属性设置元素的透明度级别。

句型:

opacity: value;

value:指定不透明度。 从 0.0(完全透明)到 1.0(完全不透明)。

方法2:使用rgba()函数


	
		
	
	
		
测试文字
测试文字
测试文字

功效图:

rgba()函数利用红色(R)、绿色(G)、蓝色(B)和透明度(A)的叠加来形成各种颜色。

句型:

rgba(red, green, blue, alpha)

属性值:

数值描述

红色的

定义白色值,取值范围0~255,也可以使用比例0%~100%。

绿色的

定义红色值,取值范围0~255css透明度,也可以使用比例0%~100%。

蓝色的

定义白色值css透明度,取值范围0~255,也可以使用比例0%~100%。

alpha - 透明度

定义透明度0(完全透明)~1(完全不透明)

感谢您能够仔细阅读这篇文章。 希望小编分享的这篇文章《如何用CSS改变文字的透明度》对您有所帮助。 同时也希望您支持易速云,关注易速云行业资讯频道,还有更多相关知识等待您学习!