请问像下图那样当鼠标悬浮在一个点上的时候出现一个带尖角的悬浮对话框这种效果用CSS怎么实现?

html-css017

请问像下图那样当鼠标悬浮在一个点上的时候出现一个带尖角的悬浮对话框这种效果用CSS怎么实现?,第1张

可以用css实现样式、效果都是可以的(ie6下除了a标签都不支持hover伪类)

css样式:

小三角由两个标签用border-width可以实现类似效果;

然后匹配好颜色就可以了。。。

具体你参考下“css实现无图小三角”的搜索结果

打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。

2.

点击插入Div,定义ID为text,点击确定。

3.

点击实时视图即可看到相应的效果。