如何用css实现title属性的效果

html-css08

如何用css实现title属性的效果,第1张

title

鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

格式为：<img src="图片路径" alt="logo" title="首页" />

不可以的。但是可以通过css中的after伪元素自己实现title的功能，比如：

<div data-title="标题" class="tip"></div>

.tip:after {

content:attr(data-title)

//在这里设置好title出现的位置就好了

}