css3 三角形代码 |css 四列布局

.triangle{
width:0;
height:0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent #FC0 transparent;
}

通过上述代码实现一个黄色底的等腰三角形，代码解析如下：

首先，三角形的宽度和高度均设置为0，即该元素并不占有宽度和高度，只有通过边框属性来构成三角形。然后，大家通过border-width来设置三角形的边框宽度，设置为20px，同时设置边框样式为solid，实线样式。最后，大家通过border-color来设置边框颜色，其中transparent表示该边框为透明的，#FC0表示底部边框的颜色为黄色。

使用CSS3三角形样式设计可以方便地实现各种不同形状风格的页面布局，同时避免了使用图片或其他复杂元素进行效果实现的问题，提高了页面渲染速度和降低了页面的维护成本。