当前位置:首页> 模板建站动态> CSS伪类在网站建设超链接中的应用

CSS伪类在网站建设超链接中的应用

发布时间:2021-01-04 11:00:00

网站建设中必须联系CSS中的伪类。CSS提供了四种伪类设置链接,其中:link/:visited/:hover/:active。它们不能有一个正确的状态顺序,只能显示它们的位置。如何利用好CSS中的伪类,首先要理解伪类的含义和语法。下面重庆网站建设为您一一介绍。

:link—用于尚未访问的链接。在网页上,我们通常用它来区分未访问的超链接形式和已访问的超链接形式,其中:link是未访问的状态。

a: 链接{

颜色:红色;//在这里,不可访问连接的字体颜色设置为红色

文档语言决定哪些元素是超链接的源链。例如,在html中连接伪类适用于属性为a的元素。

:visited—访问后的链接。访问和未访问的链接是互斥的。

a: 访问{

颜色:绿色;//在这里,连接样式设置为绿色。

:hover—当光标指向某个元素但该元素未激活时应用于样式。它不仅可以用于超链接,还可以用于P和div元素。”停留,悬停”的意思。

a: 悬停

颜色:黄色;//悬停时颜色为黄色

B类背景:蓝色;//悬停时背景色为蓝色

字体-尺寸:小;//悬停时字体较小

:激活时,样式应用于。用户按下鼠标后,松开鼠标前,这是访问后的样式。

a: 活跃

颜色:黄色;//活动样式为黄色

B类背景:蓝色;//激活时背景为蓝色

字体-尺寸:小;//激活时字体很小

注:一个页面可以定义多种链接样式,灵活多变。