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

html-css022

打开超链接如何设置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 表示正在点击链接的状态

html超链接样式包括:正在连接、访问过、鼠标盘旋,各个文本字体样式设置如下

<style type="text/css">

<!-- 超链接文本字体设置-->

A {

FONT-SIZE: 16pxFONT-FAMILY: 宋体

}

<!-- 超链接正在连接的文本字体设置-->

A:link {

COLOR: #0055bbTEXT-DECORATION: none

}

<!-- 超链接访问过的文本字体设置-->

A:visited {

COLOR: #0077bbTEXT-DECORATION: none

}

<!-- 超链接鼠标盘旋的文本字体设置-->

A:hover {

COLOR: #ff0000TEXT-DECORATION: none

}

</style>