纯CSS构造Tips效果补遗

　　其实并不想写这篇文章滴，已经不好玩了。因为之前已经写过一篇类似的文章（纯CSS构造Tips效果），如果需要其它的Tips效果应该都可以在那个基础之上略做修改或扩展。

　　不过这段时间还是有不少同学问，已经给出原型了，可是。。。

　　再整一篇，全当是骗点流量：）

　　［效果演示：http://www.doyoe.com/model/xhtmlcss/style/tips/tips2.htm］

CSS部分：

.dytips {
 margin:50px;
 padding:0;
 list-style:none;
 font:12px/180% "宋体";
}
.dytips a {
 position:relative;
 text-decoration:none;
 color:#333;
 background:#fff;
}
.dytips a span {
 display:none;
}
.dytips a:hover {
 color:#fff;
 background:#050;
}
.dytips a:hover span {
 display:block;
&n