a标识的css款式4个情况LVHA的设计方案

日期:2021-03-07 类型:科技新闻 

关键词:在线网页制作,建网页,个人简介网页制作,简单网页,建立网页

表明全部情况下的联接 如 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}

1般a:hover和a:visited连接的情况(色调、下划线等)应当是同样的。

前3者各自对应body元素的link、vlink、alink这3个特性。

4个“情况”的前后全过程是:a:link ->a:hover ->a:active ->a:visited。此外,a:active不可以设定有没有下划线(一直有的)。

举例:伪类的普遍情况值

拷贝编码
编码以下:

<style type = “text/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;} //电脑鼠标移近:鲜红色、下划线
</style>
上一篇:纯CSS3完成的8种Loading动漫实际效果 返回下一篇:没有了