Image-free CSS Tooltips, very interesting: http://tinyurl.com/bjl5xa
Amazing! Apart from the jQueryUI, changing border-left or border-right changes the angle too.
<<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<style type="text/css">
.div0 {
text-align: center;
color: white;
margin-top: 0;
margin-bottom: 0;
background-color: red;
width: 90px;
padding: 5px;
}
.div1 {
margin-top: 0;
margin-bottom: 0;
width:0;
height:0;
border-left: 5px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid red;
border-bottom: 0;
}
</style>
</head>
<body>
<div class="div0">
Testing this!
</div>
<div class="div1">
</div>
</body>
</html>