CSS实现三角形

发现一个在线编写web的网站http://codepen.io/ 里面有很多前端开发优秀样例

• HTML

">    <div id="second"></div>    <div id="third"></div>

• CSS

          display: inline-block;          margin: 20px 0 0 20px;        }        #first {            width: 20px;            height: 20px;            border-width: 10px;            border-style: solid;            border-color: red green blue brown;        }        #second {            width: 0;            height: 0;            border-width: 10px;            border-style: solid;            border-color: red green blue brown;        }        #third {            width: 0;            height: 0;          border-style: solid;            border-width: 10px;            border-color: red transparent transparent transparent;        }

今天写了一个主页，还差最后一点没有修改完成，明日放！