前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >CSS设置超链接样式常用

CSS设置超链接样式常用

作者头像
全栈程序员站长
发布于 2022-09-09 02:55:48
发布于 2022-09-09 02:55:48
1.2K0
举报

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

伪类名称

含义

示例

a:link

未单击访问时超链接样式

a:link{color:#9ef5f9;}

a:visited

单击访问后超链接样式

a:visited {color:#333;}

a:hover

鼠标悬浮其上的超链接样式

a:hover{color:#ff7300;}

a:active

鼠标单击未释放的超链接样式

a:active {color:#999;}

设置伪类的顺序:a:link->a:visited->a:hover->a:active

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

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

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

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

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

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
html超链接样式「建议收藏」
a:link,定义正常链接的样式; a:visited,定义已访问过链接的样式; a:hover,定义鼠标悬浮在链接上时的样式; a:active,定义鼠标点击链接时的样式。
全栈程序员站长
2022/09/09
2K0
CSS样式(二)
background-repeat:no-repeat; 不平铺
全栈开发日记
2022/05/12
1.7K0
一、前端基础-css-css选择器之伪类
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> a:link{ color: red; } a:visited{ color: purple; } a:hover{ color: aqua;
堕落飞鸟
2022/02/11
3920
CSS3 选择器
CSS3选择器分为:结构型伪类选择器、UI元素状态伪类选择器,否定选择器,和伪元素
全栈程序员站长
2022/09/14
2290
CSS鼠标悬浮及其样式
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。
全栈程序员站长
2022/09/04
4.6K0
CSS鼠标悬浮及其样式
css鼠标点击的五种状态
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/138177.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/04
1.2K0
简单无序列表_无序列表怎么横排
实现如下图所示的简单无序列表,并为每个列表项添加超链接。每个列表项的宽度为50px,高度为30px,列表中的文字在水平和垂直方向上均居中显示,超链接初始状态和访问后的状态均为黑色无下划线,鼠标经过和点击时文字均为白色,无下划线,背景颜色为#BE3948。
全栈程序员站长
2022/09/20
6140
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS中的知识非常多,我们不可能全都记得住。闲暇时整理了一些CSS页面布局的常用知识,这篇文章就和大家分享一下CSS超链接样式的常用知识。需要的朋友可以参考一下,希望可以帮助到你。
全栈程序员站长
2022/09/09
1.5K0
html超链接样式顺序,CSS页面布局常用知识汇总(超链接样式)
CSS 美化网页元素
有效的传递页面信息,使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户,可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容,具有良好的用户体验。
久绊A
2023/03/24
1.5K0
CSS的超链接样式设计
内部链接所链接的目标一般位于同一个网站中,对于内部链接来说,可以使用相对路径和绝对路径。所谓的相对路径就是URL中没有指定超链接的协议和互联网的位置,仅指定相对位置关系,
全栈程序员站长
2022/09/07
1.4K0
CSS的超链接样式设计
CSS基础笔记——超链接样式
在浏览器中,超链接默认情况下字体为蓝色,带有下划线,鼠标单击时字体为红色,单击后为紫色
全栈程序员站长
2022/09/09
1.1K0
CSS基础笔记——超链接样式
CSS美化超链接样式
注意!!!超链接的四种状态样式的排列是固定的,一般不能随意调换 正确的顺序时Link,visited,hover,active
全栈程序员站长
2022/09/09
1.8K0
CSS美化超链接样式
css超链接样式
超链接默认情况下带有下划线,看起来挺难看的,而且用户体验也不好。在CSS中,一般使用“text-decoration:none”来去除超链接下划线,我们在“下划线、删除线和顶划线”这一节已经详细讲解了text-decoration属性。
Qwe7
2022/04/13
2.2K0
css 去掉超链接样式「建议收藏」
大家好,又见面了,我是你们的朋友全栈君。我们可以用CSS语法来控制超链接的形式、颜色变化,为什么链接一定要使用下划线和颜色区分呢? 其主要原因主要是考虑到 1、视力差的人 2、色盲的人 。。。
全栈程序员站长
2022/09/09
1.8K0
怎么设置超链接网址css,css应该怎么设置超链接样式「建议收藏」
css设置超链接样式的方法是,给超链接添加伪类,例如【a:visited {color:#00FF00;}】。【a:visited】表示用户已经访问过的链接。
全栈程序员站长
2022/09/09
3.3K0
怎么设置超链接网址css,css应该怎么设置超链接样式「建议收藏」
html超链接位置怎么改,如何修改HTML超链接样式?
在网页开发中,我们不免会用到超链接,将内容链接到原网页上。如果不对超链接进行设置,链接默认以固定样式显示,过于单一。那么我们要如何修改 HTML 中的超链接呢?这篇文章 W3Cschool 小编为大家介绍一下。
全栈程序员站长
2022/09/09
4K0
CSS(a链接、图片、文本、背景、伪类样式)
前端代码需要记忆的比较多,需要多写,加深记忆。 目录 设置a链接样式 图片的垂直居中 设置文本阴影 伪类样式 列表样式 背景图 背景图重复方式 设置a链接样式 属性: text-decoration 属性值: none 去掉下划线 underline 文本的下划线 overline 设置文本的上划线 语法: text-decoration:none; 图片的垂直居中 属性: vertical-align 属性值: top 居上 moddie 居中 语法: vertical-align:top; 设置文
全栈开发日记
2022/05/12
9530
html超链接样式设置「建议收藏」
<style type=”text/css”> <!– 超链接文本字体设置–> A { FONT-SIZE: 16px; FONT-FAMILY: 宋体 }
全栈程序员站长
2022/09/09
1.6K0
超链接的lvha原则
这5个都是伪类,表示5种状态,其中link与visited是超链接专用的,可以分类到链接伪类,而focus,hover和active除了用于超链接还适用于其它元素,称为动态伪类
ayqy贾杰
2019/06/12
3.5K0
10.超链接样式-CSS基础
一、超链接伪类 1.何为超链接伪类 在CSS中,使用超链接伪类来定义超链接在鼠标点击的不同时期的样式。 (1)语法格式 a:link{...} a:visited{...} a:hover{...} a:active{...} ① 伪类 伪类 说明 a:link 定义a元素未访问时的样式。 a:visited 定义a元素访问后的样式。 a:hover 定义鼠标经过a元素时的样式。 a:active 定义鼠标点击激活时的样式。 Ⅰ.定义顺序 定义这四个伪类时,必须按照link、visited、hov
见贤思齊
2020/10/29
1.6K0
10.超链接样式-CSS基础
相关推荐
html超链接样式「建议收藏」
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文