CSS实现三角形

突然想起搞一把三角形。

简单来说：

建一个div 宽度、高度设为0

添加两个样式：

border 和 border-color

如果需要一个三角形把其他边框都设为透明 transparent

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <meta charset="utf-8">
 5     <title>CSS实现三角形</title>
 6     <style media="screen">
 7       .triangle{
 8         width:0;
 9         height:0;
10         border:50px solid white;
11         border-color：red transparent transparent transparent;
12       }
13     </style>
14   </head>
15   <body>
16     <div class="triangle"></div>
17   </body>
18 </html>