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 /> 请大家多多鼓励! 版权声明:本文为博主原创文章,未经博主允许不得转载。