方法說明：
1、将一個div塊的内容設定為空(content=" "),
2、設定它的邊框（上下左右）顔色為透明（transparent），
3、設定它的左側邊框顔色為pink。
tips：一個沒有内容的div的上下左右的邊框形狀是下面這個樣子的：
左右邊框是三角形、上下邊框是梯形。
具體代碼如下：
html：
<body>
<div class="test"></div>
</body> css:
<style type="text/css">
.test{
content: \' \';
border:50px solid transparent;
border-left-color:pink;
}
</style> 擴充：像下圖右側灰色的三角形可以按照這個方法來做，隻要再多加一步，把三角形定位到合适的位置，然後進行翻轉（tranform：rotate（））、變形（transform：skew（））就可以了
