打开超链接如何设置css属性?

html-css016

打开超链接如何设置css属性?,第1张

通过 CSS,可以在 HTML 中的超链接元素上设置样式。

首先,可以使用 a 标签选择器来选择所有超链接元素。例如:

a {

color: blue

text-decoration: none

}

color:设置超链接文本的颜色

text-decoration:设置或删除下划线

接着,可以使用 :link、:visited、:hover、:active 四个伪类来设置不同状态下的样式。

例如:

a:link {

color: blue

}

a:visited {

color: purple

}

a:hover {

color: red

}

a:active {

color: orange

}

:link 表示未访问过的链接

:visited 表示已经访问过的链接

:hover 表示鼠标悬停在链接上的状态

:active 表示正在点击链接的状态

定义链接样式

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

:link

:visited  :hover

:active

因为我们要定义链接样式,所以其中必不可少的就是超级链接中的锚标签--a,锚标签和伪类链接起来书写的方法就是定义链接样式的基础方法,它们的写法如下:

a:link,定义正常链接的样式;

a:visited,定义已访问过链接的样式;

a:hover,定义鼠标悬浮在链接上时的样式;

a:active,定义鼠标点击链接时的样式。