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