前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
【放图片】
前端开发经常会遇到三角形的装饰，今天我们来用css实现。还是一样先上全代码，在逐步解析。
用到的知识点：
border(边框)
div元素，宽高分别为0;
width：0px;
height ： 0px;
然后给一个div分别设置四个边框，四个边框的宽度是相等的，这里我们设置为100px。
border-top: 100px solid red;
border-left: 100px solid yellow;
border-right: 100px solid green;
border-bottom: 100px solid blue;
分别给四个边框设置不同的颜色，我们可以看到效果。如下图：
