CSS3初探

今天着实很累，上午去健身房，下午去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;
}

当hover的时候，在元素尾部添加一个内容为data-title属性值的元素，如图所示：