просто недавно нарыл, как сделать триугольники на чистом css:
<html>
<head>
<title>Заголовок</title>
<style type="text/css">
.a0 {
line-height: 0;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
border-left: 75px solid #0f0;
width:0;
height:0;
}
.a1 {
line-height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #0f0;
width:0;
height:0;
}
.a2 {
line-height: 0;
border-left: 25px double transparent;
border-right: 25px double transparent;
border-bottom: 50px double #0f0;
width:0;
height:0;
}
</style>
</head>
<body>
<div class="a0">
</div>
<div class="a1">
</div>
<div class="a2">
</div>
</body>
</html>
Может кому-нибудь будет интересно)