任意边框都可以添加title属性，当鼠标悬停在上面时会显示title的值。但是实际场景中标题的样式比较简单，出现的时间是悬停显示后等待一段时间。优化项：1：标题样式2：鼠标悬停时显示标题内容3：全局修改PS：我知道现在很多UI框架都有tooltips。但有时它只是一个简单的属性显示，用途广泛，所以没有必要使用UI组件。修改方法：1：title属性改为data-title（或者你觉得合适的名字，注意css中的typeselector和aftercontent的attrname可以同步修改，这样可以避免重复原标题2：This本例主要解决了修改标题的即时性，所以样式没有修改太多，大家可以根据需要在:after[data-title]{&:hover{position:relative;&:after{content:attr(data-title);position:absolute;top:20px;left:10px;color:#666;font-size:10px;border:1pxsolid#ddd;background-color:#fff;z-index:20;line-height:1.5;font-style:normal;//本例中data-title为i标签属性white-space:nowrap;padding:05px;}}}修改样式：
