我们的网页呈现各种款式因为CSS。这个看似简单的风格语言的使用非常灵活，只要你有创意，你可以实现很多超过了人们的想象。特别是，随着CSS3的广泛使用，更多新的CSS作品涌现出来。

今天，给你一个CSS三角形绘图方法。
复制代码代码如下所示：
{#triangle-up
宽度：0；
身高：0；
左边界：50px固体透明；
边境：50px固体透明；
底部边框：100px固体红；
}


复制代码代码如下所示：
{ #倒三角形
宽度：0；
身高：0；
左边界：50px固体透明；
边境：50px固体透明；
边境上：100px固体红；
}


复制代码代码如下所示：
{ #三角左
宽度：0；
身高：0；
边境上：50px固体透明；
右：红色100px固体边界；
底部边框：50px固体透明；
}


复制代码代码如下所示：
{ #三角权
宽度：0；
身高：0；
边境上：50px固体透明；
左边界：100px固体红；
底部边框：50px固体透明；
}


复制代码代码如下所示：
{ #三角形上
宽度：0；
身高：0；
边境上：100px固体红；
边境：100px固体透明；
}


复制代码代码如下所示：
{ #三角形右上
宽度：0；
身高：0；
边境上：100px固体红；
左边界：100px固体透明；
}


复制代码代码如下所示：
{ #三角bottomleft
宽度：0；
身高：0；
底部边框：100px固体红；
边境：100px固体透明；
}


复制代码代码如下所示：
{ #三角形下
宽度：0；
身高：0；
底部边框：100px固体红；
左边界：100px固体透明；
}