900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 用css样式控制超链接颜色显示

用css样式控制超链接颜色显示

时间:2023-06-11 01:56:24

相关推荐

用css样式控制超链接颜色显示

下面是个简单易学的用css样式控制超链接颜色显示教程,小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

很多人在网页上实现不同链接有不同的颜色上不知如何处理,如果改a的属性,好像所有的链接的颜色都改了。

事实上,采用css样式实现这个效果比较简单。

先看一下常用设置:

a:link 超链接的普通样式

a:visited 点击过的

a:hover鼠标经过时的

a:active 单击时

a:link{;} 无下划线

a:link{;} 有下划线

为了实现不同链接不同效果,我们要为不同效果的那个链接专门定义一个css规则。

比如:

我们常规css是这样的:

a:link{color:#ff0000}

那么网页上所有链接的颜色都是:#ff0000。

现在我们改一下:

a:link{color:#ff0000}

.line1 a:link{color:#000000}

同时,在要改变颜色的链接前加上css定义,像这样:span class=line1a href="/"不同颜色的超链接/a/span,这样的话,这个链接的颜色就改变了。

Over~~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。