iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >css中怎么通过伪类来设置超链接样式
  • 826
分享到

css中怎么通过伪类来设置超链接样式

2024-04-02 19:04:59 826人浏览 安东尼
摘要

今天就跟大家聊聊有关CSS中怎么通过伪类来设置超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 css设置超链接

今天就跟大家聊聊有关CSS中怎么通过伪类来设置超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

css设置超链接样式是通过伪类来实现的

(1) :link:设置a对象在未被访问前的样式表属性。

(2) :visited:设置a对象在其链接地址已被访问过时的样式表属性。

(3) :hover:设置对象在其鼠标悬停时的样式表属性。

(4) :active:设置对象在被用户激活(在鼠标点击与释放之间发生的事件)时的样式表属性。

css中关于超链接的四个属性正确顺序为:

代码如下:


a:link {}
a:visited {}
a:hover {}
a:active {}


伪类名字对大小写不敏感,但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的,:active必须被置于:hover之后才是有效的。

备注

默认状态下,创建的超级链接的文字颜色为蓝色,并带有下划线,访问之后变为紫色。如果想要修改这种颜色,需要用CSS样式设置超级链接的a:link、a:visited、a:hover、a:active状态的样式。

实例

代码如下:


<style type=”text/css”>
A{text-decoration:none} 无下划线
A:link{color:red}
A:visited{color:blue}
A:active{color:yellow}
A:hover{color:green;font-family:楷体;font-size:20}
</style>

看完上述内容,你们对css中怎么通过伪类来设置超链接样式有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网JavaScript频道,感谢大家的支持。

--结束END--

本文标题: css中怎么通过伪类来设置超链接样式

本文链接: https://www.lsjlt.com/news/75077.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • css中怎么通过伪类来设置超链接样式
    今天就跟大家聊聊有关css中怎么通过伪类来设置超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 css设置超链接...
    99+
    2024-04-02
  • 怎么在css中设置超链接样式
    这篇文章将为大家详细讲解有关怎么在css中设置超链接样式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。伪类用于定义元素的特殊状态。例如,它可以用于:设置鼠标悬停在元素上时的样式为已访问和未访...
    99+
    2023-06-15
  • css中设置超链接样式的方法
    这篇文章给大家分享的是有关css中设置超链接样式的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css设置超链接样式的方法是,给超链接添加伪类,例如【a:visited {c...
    99+
    2024-04-02
  • css怎么对超链接应用 :focus 伪类
    这篇文章给大家分享的是有关css怎么对超链接应用 :focus 伪类的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。<!DOCTYPE html PUBL...
    99+
    2024-04-02
  • CSS中怎么定义超链接样式
    本篇文章给大家分享的是有关CSS中怎么定义超链接样式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。 CSS为一些...
    99+
    2024-04-02
  • css中怎么控制超链接样式
    今天就跟大家聊聊有关css中怎么控制超链接样式,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、伪类CSS控制元素的某种状态---偽类(用于向某些选...
    99+
    2024-04-02
  • 怎么用CSS控制超链接样式
    本文小编为大家详细介绍“怎么用CSS控制超链接样式”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用CSS控制超链接样式”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。什么是超...
    99+
    2024-04-02
  • 怎么使用CSS控制超链接文字样式
    这篇文章主要介绍“怎么使用CSS控制超链接文字样式”,在日常操作中,相信很多人在怎么使用CSS控制超链接文字样式问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么使用CSS控...
    99+
    2024-04-02
  • C# 中怎么设置Excel表格超链接
    本篇文章为大家展示了C# 中怎么设置Excel表格超链接,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。需要使用的工具:Free Spire.XLS for .NET 8.3 (社区版)Visual ...
    99+
    2023-06-03
  • css样式中font怎么设置
    今天小编给大家分享一下css样式中font怎么设置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • ReactJs中怎么设置css样式
    本篇文章为大家展示了ReactJs中怎么设置css样式,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。React颠覆了html的传统思维,代码基本都写在<scr...
    99+
    2024-04-02
  • css中如何以不同的方法为链接设置样式
    这篇文章主要介绍css中如何以不同的方法为链接设置样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 设置装备摆设链接的花色 或是设置链接样式的 CSS 属性有良多种(比如 co...
    99+
    2024-04-02
  • CSS中怎么指定外部链接的样式
    CSS中怎么指定外部链接的样式,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 大部分的信息类网站,比如维基百科,...
    99+
    2024-04-02
  • 超链接点击移动至上方以及点击过的css效果设置是怎样的
    今天就跟大家聊聊有关超链接点击移动至上方以及点击过的css效果设置是怎样的,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。 ...
    99+
    2024-04-02
  • css中应该怎么样去掉超链接下的横线
    这篇文章主要介绍了css中应该怎么样去掉超链接下的横线,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。首先创建一个HTML示例文件;然后使用a标签创建一个链接,并给a标签添加一...
    99+
    2023-06-14
  • vue中怎么使用v-if,v-else来设置css样式
    这篇“vue中怎么使用v-if,v-else来设置css样式”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue中怎么使用v...
    99+
    2023-07-05
  • css中怎么设置列表样式
    这篇文章主要为大家展示了“css中怎么设置列表样式”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css中怎么设置列表样式”这篇文章吧。   list-styl...
    99+
    2024-04-02
  • 怎么在jquery中设置css样式
    本篇文章给大家分享的是有关怎么在jquery中设置css样式,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。使用css()方法设置css样式css() 方法为被选元素设置一个或多...
    99+
    2023-06-14
  • css中怎么设置边框样式
    这篇文章给大家分享的是有关css中怎么设置边框样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   一:border边框线的基本样式   边框样式属性指定要显示什么样的边界...
    99+
    2024-04-02
  • div css中锚文本超链接a与a的间距怎么设置
    这篇文章主要介绍“div css中锚文本超链接a与a的间距怎么设置”,在日常操作中,相信很多人在div css中锚文本超链接a与a的间距怎么设置问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作