CSS3初探

最新推荐文章于 2017-12-01 11:58:00 发布

不知不觉fyb

最新推荐文章于 2017-12-01 11:58:00 发布

阅读量134

点赞数 1

分类专栏：特别小的小技巧

本文链接：https://blog.csdn.net/u010975530/article/details/52081453

版权

特别小的小技巧专栏收录该内容

3 篇文章 0 订阅

订阅专栏

今天着实很累，上午去健身房，下午去K歌，晚上又去健身房，真累成狗。
但是学习还是不能忘，尽管只学一点点，但是能学一点是一点嘛。
看看下面的代码

<div data-title="hello,word">hello...<div>

以前看到这段代码时没太注意，不就是一个title显示么。但是今天看了篇文章，上面介绍了这个是怎么实现的，看了之后发现还真是有点意思。

div{
    position : relative;
}
div:hover::after{
    content : attr(data-title);/* 获取data-title属性的值 */
    display : inline-block;
    padding : 10px 14px;
    border : 1px solid #ddd;
    border-radius : 5px;
    position : absolute;
    top : -50px;
    left : -30px;
}