在HTML中给文字添加title属性

熟悉HTML的人中大部分都知道title属性存在于链接和图片中。title属性能够显示一个标题,也可能告诉人点击了链接或者图片之后会发生什么。但是有不少人都不知道文字也能添加title属性。其实这需要借助于abbr标签,abbr在英语中就是指缩略语的意思。而abbr标签中可以添加title属性,这样一个最大的用处就是在写一个缩略语的时候可以通过title属性来显示全称。

例如下面的这个例子:

<abbr title=”Cascading Style Sheets”>CSS</abbr>

接着再通过CSS修改abbr的样式让人知道这里是与众不同的:

abbr {
    border-bottom: 1px dotted #000000;
}

最终显示的就是下面的这个效果

CSS

3 Comments

Leave a Comment.