博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
鼠标悬停提示文本消息最简单的做法
阅读量:5308 次
发布时间:2019-06-14

本文共 772 字,大约阅读时间需要 2 分钟。

摘自百度

最简单的做法,给标签增加title属性,并赋上要显示的内容,也就是添加title属性即可。

代码:

<div title="全部内容">部分内容</div>

注:title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。

扩展资料:

HTML的title属性的用法

1、HTML的title属性,当光标移动到该标签时,信息提示框内的内容

</body>

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

</body>

2、设置标签样式时指定 属性css样式

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<!--页面内容关键字-->

<meta name="keywords" content="页面内容关键字">

<title>css:是层叠样式表</title>

<!--外部样式-->

<link rel="stylesheet" type="text/css" href="css1.css">

<style type="text/css">

/*有tittle属性*/

[title] {

color: darkmagenta;

}

/*指定tittle属性值*/

[title=t] {

color: red;

}

</style>

</head>

<body> 

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

<hr>

<p title="t">属性选择器指定属性值</p>

</body>

</html>

转载于:https://www.cnblogs.com/zou-rong/p/10156996.html

你可能感兴趣的文章
HDU(4528),BFS,2013腾讯编程马拉松初赛第五场(3月25日)
查看>>
C++期中考试
查看>>
Working with Characters and Strings(Chapter 2 of Windows Via C/C++)
查看>>
vim中文帮助教程
查看>>
Android 创建与解析XML(四)—— Pull方式
查看>>
CodeForces 411B 手速题
查看>>
同比和环比
查看>>
美国在抛弃慕课,中国却趋之若鹜
查看>>
SpringMvc拦截器运行原理。
查看>>
MySQL基础3
查看>>
云计算数据与信息安全防护
查看>>
全局设置导航栏
查看>>
RxJS & Angular
查看>>
面向对象(多异常的声明与处理)
查看>>
MTK笔记
查看>>
ERROR: duplicate key value violates unique constraint "xxx"
查看>>
激活office 365 的启动文件
查看>>
9款免费的Windows远程协助软件
查看>>
Maven(八) Maven项目和testng结合应用
查看>>
iOS 的 set.get.构造方法
查看>>