css的三角形 Leone
[html]<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<style>
/*正三角*/
.triangle1{ 0; height:0; border-12px; border-style:solid dashed dashed; border-color:#e66161 transparent transparent;}
/*尖三角*/
.triangle2{ 0; height:0; border-12px 6px; border-style:solid dashed dashed; border-color:#e66161 transparent transparent;}
</style>
<div></div>
<div></div>
然后，将它四个边框中的三个边框设为透明，剩下一个设为可见，就可以生成三角形效果：<br>
两种三角搭配，可组成多种箭头
</body>
</html>
[/html]