10.4.2　CSS

每个div都有一个tooltip类，因此，给页面的样式表添加一个.tooltip样式，将会格式化工具提示的整体外观（例如，背景颜色、边框、宽度等）。如下是教程文件中准备好的一个基本样式：

.tooltip{

width：25%；

padding：5px；

background-color：white；

border：3px solid rgb（195，151，51）；

border-radius：5px；

}

此外，没有某些样式化，访问者可能不会知道触发器可以做一些特殊的事情。如果你给段落中的一个单词添加工具提示的话，尤其如此。你可以使用CSS来突出触发器，添加一个边框、一个背景颜色等。例如，这里有一个基本的样式，它给带有trigger类的任何元素添加一个下边框：

.trigger{

border-bottom：1px dashed white；

cursor：help；

}

CSS cursor属性特别方便，当鼠标光标悬停在元素之上的时候，它控制光标的样子。在常规文本之上的时候，光标看上去像是一个选择条，但是，你可以更改光标的外观：help值将光标变成一个问号（这对于提供术语定义的工具提示来说很适用），而pointer值使得光标的行为就像鼠标悬停在一个链接上一样。要了解cursor的更多选项，请查看www.w3schools.com/cssref/pr_class_cursor.asp。

也可以给触发器添加一个：hover状态，以便当鼠标光标悬停其上的时候，它会改变外观：

.trigger：hover{

color：rgb（255，0，0）；}