论坛
潜水/灌水快乐,沉淀知识,认识更多同行。
ToB圈子
加入IT圈,遇到更多同好之人。
朋友圈
看朋友圈动态,了解ToB世界。
ToB门户
了解全球最新的ToB事件
博客
Blog
排行榜
Ranklist
文库
业界最专业的IT文库,上传资料也可以赚钱
下载
分享
Share
导读
Guide
相册
Album
记录
Doing
搜索
本版
文章
帖子
ToB圈子
用户
免费入驻
产品入驻
解决方案入驻
公司入驻
案例入驻
登录
·
注册
只需一步,快速开始
账号登录
立即注册
找回密码
用户名
Email
自动登录
找回密码
密码
登录
立即注册
首页
找靠谱产品
找解决方案
找靠谱公司
找案例
找对的人
专家智库
悬赏任务
圈子
SAAS
ToB企服应用市场:ToB评测及商务社交产业平台
»
论坛
›
物联网
›
物联网
›
CSS实现超链接标签:鼠标光标为手形、取消下划线、当鼠 ...
CSS实现超链接标签:鼠标光标为手形、取消下划线、当鼠标悬停时显示下划线 ...
万万哇
金牌会员
|
2024-7-13 09:15:25
|
显示全部楼层
|
阅读模式
楼主
主题
623
|
帖子
623
|
积分
1869
1、鼠标光标为手形
cursor: pointer;
复制代码
2、显示/取消下划线
text-decoration: none; /* 文本取消下划线 */
text-decoration: underline; /* 文本添加下划线 */
复制代码
3、伪类选择器
伪类选择器是 CSS 中已经界说好的选择器,因此程序员不能随意下令。伪类选择器是用来将样式应用于处于某种特殊状态的目标元素。例如,用户正在单击的元素,大概鼠标正在经过的元素等。
伪类选择器主要有以下4种:
伪类选择器阐明:link表示对未访问的超链接应用样式(只对超链接标签起作用)。:visited表示对已访问的超链接应用样式(只对超链接标签起作用)。:hover表示对鼠标所停留的元素应用样式。:active表示对用户正在单击的元素应用样式。
【实例】
CSS实现<a>超链接标签:鼠标光标为手形、取消下划线、当鼠标悬停时显示下划线。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="pan_junbiao的博客">
<title>CSS选择器</title>
<style type="text/css">
a {
text-decoration: none; /* 文本取消下划线 */
cursor: pointer; /* 鼠标光标为手型*/
color: green;
vertical-align: baseline;
}
/* 使用 :hover 伪类对鼠标所停留的元素应用样式 */
a:hover {
text-decoration: underline; /* 文本添加下划线 */
}
</style>
</head>
<body>
请点击博客链接:<a href="https://blog.csdn.net/pan_junbiao">您好,欢迎访问 pan_junbiao的博客</a>
</body>
</html>
复制代码
实行结果:
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有账号?
立即注册
x
回复
使用道具
举报
0 个回复
倒序浏览
返回列表
快速回复
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
or
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
发新帖
回复
万万哇
金牌会员
这个人很懒什么都没写!
楼主热帖
markdown day 01
谈谈技术能力
读Java性能权威指南(第2版)笔记02_ J ...
redis for windows 7.0.2安装包全网首 ...
WPF dotnet 6 开启 PM v2 的 DPI 感知 ...
基于CSDN云和docker全家桶的微服务项目 ...
ClickHouse(05)ClickHouse数据类型详解 ...
Nacos注册中心-----从0开始搭建和使用 ...
9个GaussDB常用的对象语句
阿里云域名购买流程以及免费证书的申请 ...
标签云
挺好的
服务器
快速回复
返回顶部
返回列表