Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >怎么设置超链接网址css,css应该怎么设置超链接样式「建议收藏」

怎么设置超链接网址css,css应该怎么设置超链接样式「建议收藏」

作者头像
全栈程序员站长
发布于 2022-09-09 03:58:57
发布于 2022-09-09 03:58:57
3.3K0
举报

大家好,又见面了,我是你们的朋友全栈君。

css设置超链接样式的方法是,给超链接添加伪类,例如【a:visited {color:#00FF00;}】。【a:visited】表示用户已经访问过的链接。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

如果我们要设置超链接的样式,其实是可以使用任何一个css属性的,比如颜色、字体、背景等等。但是如果你想设置特别的样式,就需要使用到伪类。下面我们一起来看下伪类。

提示:特别的链接,可以有不同的样式,这取决于他们是什么状态。

这四个链接状态是:

a:link – 正常,未访问过的链接

a:visited – 用户已访问过的链接

a:hover – 当用户鼠标放在链接上时

a:active – 链接被点击的那一刻

代码示例:

php中文网(php.cn)

这是一个链接

注意: a:hover 必须在 a:link 和 a:visited 之后,需要严格按顺序才能看到效果。

注意: a:active 必须在 a:hover 之后。

我们来看下运行效果:

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/161767.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
html超链接样式「建议收藏」
a:link,定义正常链接的样式; a:visited,定义已访问过链接的样式; a:hover,定义鼠标悬浮在链接上时的样式; a:active,定义鼠标点击链接时的样式。
全栈程序员站长
2022/09/09
2.1K0
css 菜鸟
block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) inline elements (内联元素)。 block元素通常被现实为独立的一块,会单独换一行; inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。 大体来说HTML元素各有其自身的布局级别(block元素还是inline元素): 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block元素可以包含block元素和inline元素;但inline元素只能包含inline元素。要注意的是这个是个大概的说法,每个特定的元素能包含的元素也是特定的,所以具体到个别元素上,这条规律是不适用的。比如 P 元素,只能包含inline元素,而不能包含block元素。 一般来说,可以通过display:inline和display:block的设置,改变元素的布局级别。
zhangjiqun
2024/12/16
900
css 菜鸟
CSS3选择器 | 每个前端开发者必须要掌握的技术
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/157484.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/18
7520
《精通CSS》第2章 添加样式
有效且结构良好的文档是添加样式的基础。上一章,我们一起学习了相关的知识。现在是时候学习一下如何添加样式了。
歪马
2020/04/07
1.6K0
《精通CSS》第2章 添加样式
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS中的知识非常多,我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识,这篇文章就和大家分享一下CSS超链接样式的常用知识。需要的朋友可以参考一下,希望可以帮助到你。
全栈程序员站长
2022/09/09
1.5K0
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS设置超链接样式常用
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/161759.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/09
1.2K0
CSS的超链接样式设计
内部链接所链接的目标一般位于同一个网站中,对于内部链接来说,可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置,仅指定相对位置关系,
全栈程序员站长
2022/09/07
1.4K0
CSS的超链接样式设计
css 去掉超链接样式「建议收藏」
大家好,又见面了,我是你们的朋友全栈君。我们可以用CSS语法来控制超链接的形式、颜色变化,为什么链接一定要使用下划线和颜色区分呢? 其主要原因主要是考虑到 1、视力差的人 2、色盲的人 。。。
全栈程序员站长
2022/09/09
1.8K0
CSS美化超链接样式
注意!!!超链接的四种状态样式的排列是固定的,一般不能随意调换 正确的顺序时Link,visited,hover,active
全栈程序员站长
2022/09/09
1.8K0
CSS美化超链接样式
html超链接位置怎么改,如何修改HTML超链接样式?
在网页开发中,我们不免会用到超链接,将内容链接到原网页上。如果不对超链接进行设置,链接默认以固定样式显示,过于单一。那么我们要如何修改 HTML 中的超链接呢?这篇文章 W3Cschool 小编为大家介绍一下。
全栈程序员站长
2022/09/09
4K0
CSS基础笔记——超链接样式
在浏览器中,超链接默认情况下字体为蓝色,带有下划线,鼠标单击时字体为红色,单击后为紫色
全栈程序员站长
2022/09/09
1.1K0
CSS基础笔记——超链接样式
超链接的lvha原则
这5个都是伪类,表示5种状态,其中link与visited是超链接专用的,可以分类到链接伪类,而focus,hover和active除了用于超链接还适用于其它元素,称为动态伪类
ayqy贾杰
2019/06/12
3.5K0
css超链接样式
超链接默认情况下带有下划线,看起来挺难看的,而且用户体验也不好。在CSS中,一般使用“text-decoration:none”来去除超链接下划线,我们在“下划线、删除线和顶划线”这一节已经详细讲解了text-decoration属性。
Qwe7
2022/04/13
2.3K0
html超链接样式设置「建议收藏」
<style type=”text/css”> <!– 超链接文本字体设置–> A { FONT-SIZE: 16px; FONT-FAMILY: 宋体 }
全栈程序员站长
2022/09/09
1.7K0
【说站】CSS超链接a标签的状态
注:在写a:link、a:visited这两个伪类的时候,要么同时写,要么同时不写。如果只写a属性和a:link属性,不规范。
很酷的站长
2022/11/24
1.3K0
CSS伪类与伪元素「建议收藏」
css引入伪类和伪元素概念是为了格式化文档树以外的信息。也就是说,伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或是列表中的第一个元素,又或者是鼠标悬停在某个超链接上时要设置的样式。
全栈程序员站长
2022/11/01
1.6K0
html中超链接使用_html中的a标签,超链接代码的详细介绍「建议收藏」
欢迎关注支持,谢谢!今天为大家介绍的是超链接代码a标签的用法,大家有兴趣的话可以看看哟!
全栈程序员站长
2022/09/14
3.1K0
【说站】css超链接是什么
css超链接是什么 1、超链接可以跳转到其他页面,或者可以跳转到本页面的其他位置。 其他页面:网上链接,自己写的页面 2、形式:<a></a>  级联元素 3、属性有href、url、target、_self和_blank。 href:目标位置的url url:协议名://ip[:端口号/文件夹名/文件名] target:跳转到目标的方式 _self:在页面打开链接 (默认方式) _blank:在新的空白页面打开链接 实例 <!DOCTYPE html> <html> <head> <meta cha
很酷的站长
2022/11/24
7680
【说站】css超链接是什么
css+div网页设计(一)–基础知识
css(级联样式表):它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。是用于控制网页样式并同意将样式信息与网页内容分离的一种标记性语言。
全栈程序员站长
2021/12/12
1.3K0
css+div网页设计(一)–基础知识
CSS3 选择器
CSS3选择器分为:结构型伪类选择器、UI元素状态伪类选择器,否定选择器,和伪元素
全栈程序员站长
2022/09/14
2290
相关推荐
html超链接样式「建议收藏」
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文