今天在看一个项目源码的时候看到一个快速用css实现三角形的方法，特此记下来。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> .title_arrow{ float: left; border: 14px solid transparent; border-top-color: #042338; } </style> <body> <div class="title_arrow"></div> </body> </html>
效果如下：
