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>
