1、先写一个盒子
2、让宽度和高度为0
3、给出一个border值，border：10px solid transparent ;
4、想要那个方向的三角形，就给出哪个方向的颜色
如图所示：border-top-coloor:blue;上面的三角形就是蓝色！
border-left-coloor:red;上面的三角形就是红色！
......
注意：如图所示正方形的边长为20px 但是所写的border 值为10px 根据此来做出想要的三角形即可！
代码如下：
- <style>
- .box {
- width: 0;
- height: 0;
- border:100px solid transparent;
- border-left-color: red;
- border-right-color: green;
- border-top-color: blue;
- border-bottom-color: yellow;
- }
- </style>
- </head>
- <body>
- <div class="box"></div>
-
- </body>
湘公网安备 43102202000103号
