triangle_up 向上三角形代码： <br /> .tri-up { <br /> border-color: #FFF #FFF #EED2EE #FFF; <br /> border-style: solid; <br /> border-width: 0 60px 100px 60px; <br /> height: 0; <br /> width: 0; <br /> } <br /> .tri-up-transparent { <br /> width: 0; <br /> height: 0; <br /> border-left: 60px solid transparent; <br /> border-right: 60px solid transparent; <br /> border-bottom: 100px solid #EED2EE; <br /> } <br /> triangle_right 向右三角形代码： <br /> .tri-right { <br /> border-color: #FFF #FFF #FFF #EED2EE; <br /> border-style: solid; <br /> border-width: 60px 0 60px 100px; <br /> height: 0; <br /> width: 0; <br /> } <br /> .tri-right-transparent { <br /> width: 0; <br /> height: 0; <br /> border-top: 60px solid transparent; <br /> border-bottom: 60px solid transparent; <br /> border-left: 100px solid #EED2EE; <br /> } <br /> triangle_down 向下三角形代码： <br /> .tri-down { <br /> border-color: #EED2EE #FFF #FFF #FFF; <br /> border-style: solid; <br /> border-width: 100px 60px 0 60px; <br /> height: 0; <br /> width: 0; <br /> } <br /> .tri-down-transparent { <br /> width: 0; <br /> height: 0; <br /> border-left: 60px solid transparent; <br /> border-right: 60px solid transparent; <br /> border-top: 100px solid #EED2EE; <br /> } <br /> triangle_left 向左三角形代码： <br /> .tri-left { <br /> border-color: #FFF #EED2EE #FFF #FFF; <br /> border-style: solid; <br /> border-width: 60px 100px 60px 0; <br /> height: 0; <br /> width: 0; <br /> } <br /> .tri-left-transparent { <br /> width: 0; <br /> height: 0; <br /> border-top: 60px solid transparent; <br /> border-bottom: 60px solid transparent; <br /> border-right: 100px solid #EED2EE; <br /> } <br /> 请大家多多鼓励！ 版权声明：本文为博主原创文章，未经博主允许不得转载。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
