效果如圖：
這種是常用的方法，網上很多，先用**舉個栗子：
.divwidth: 0;
height: 0;
設定邊框即三角形的大小通過調整border的值實現（這裡先把顏色設定成透明,我們只要下邊框）：
border: 10px solid transparent;
設定三角的顏色通過設定border的bottom-color值實現：
border-bottom-color: white;
最後調整三角形位置
position: absolute;
left: 115px;
bottom: 100%;
margin-top: 20px;
這種方法適合於行內元素比如中等文字行內元素設定下三角，
因為這種元素用第一種方法強行設定寬高等於0會導致字的重疊無法正常顯示，
所以我們有乙個簡單粗暴的方法，那就是直接插入背景background-image:url(xx.jpg);
不知道大家看了啥感受反正我第一次見的時候驚呆了，竟然還有這種操作，不過簡單有效，
最開始的就是這種方法完成的
**不貼了，因為實在沒啥可寫的,直接找到背景
給文字元素的css加background-image:url(xx.jpg);就搞定了
不過的調整比較麻煩，因為比較菜直接用畫圖搞定的......
例子的背景圖是這樣的
css實現小三角
其實早都做過用css來實現小三角的箭頭符號了，不過一直都沒靜下心來仔細研究，今天正好多看了些，都說好記性不如爛筆頭，把所了解到的趕緊記錄下來。大致有兩種方法 邊框法和字元法。邊框法就是利用盒子的邊框變化組合形成的各種三角 字元法就是採用菱形的字元 然後決定定位把多餘的部分溢位掉，該種方法只適合三角和...
css3實現小三角
利用css3的新特性可以完成很多圖形的構建，下面演示如何利用border的特性構建乙個小三角。我們首先新建乙個div，給這個div設定class demo 然後給demo設定如下屬性 demo顯示效果是這樣的 可以看到四個不同顏色的三角形連在一起。我們只想要乙個，比如向上的紅色三角形，怎麼辦，那就是...
51nod1488 帕斯卡小三角
可以證明以下幾個結論。所求的f x y 即為從第一行的某一點開始往下走，只能向下或向右下走，到點 x y 的最短路。所走的路徑，只在某一列有豎直向下的路徑，在其他列都為斜向下。進一步地，一定是從起點開始往下，然後一直斜向下。如果i y 且ai aj 那麼 i 一定不是最優解。記a i的字首和為si ...