<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>得到三角形</title> <style type="text/css"> .WB_arrow { height: 0px; width: 0px; border-width: 20px; /* 通过跳转边框四面的宽度可以得到不同形状的图形 */ border-style: solid; border-color:green transparent transparent transparent; /* 通过调整这四个方向的底色来得到不同方向的三角形，然后就可以拿去定位了*/ } </style> </head> <body> <div class="WB_arrow"></div> </body> </html>
原文：http://www.cnblogs.com/yifuKing/p/5725912.html