css修改元素属性title

最新推荐文章于 2025-03-05 11:18:27 发布

小时_sqe

最新推荐文章于 2025-03-05 11:18:27 发布

阅读量8.9k

点赞数 2

分类专栏： css 文章标签： css css3

本文链接：https://blog.csdn.net/weixin_38355349/article/details/105539538

版权

css 专栏收录该内容

3 篇文章

订阅专栏

css修改元素属性title
优点：样式可以自定设置，位置设置后就固定了；
缺点：不能像元素属性title一样随时出现在鼠标所在位置。

<div data-title="标题" class="tip">我是一个测试</div> 
.tip{
	position: relative;
}
.tip:hover:after {
	position:absolute;
	top:20px;
	left:0;
	content:attr(data-title);
	//在这里设内置好title出现的位容置就好了
	color:#000000;
	border:1px solid #242424;
	border-radius:5px ;
	background-color:#E5E5E5;
}
//对比：
<div title="标题" >我是一个测试</div>