純CSS就可以畫出三角形，不需要圖片。
使用CSS畫各種方向的三角形，上下左右，各種大小顏色等，可以在以下代碼基礎上進行一些修改得到，實際應用中比如下拉、上彈菜單經常用到。菜單大全
代碼如下：
<style>
#keleyi_a{ border-top:10px solid #FFFFCC;
border-left:10px solid #FF3300;
border-bottom:10px solid #FFFFCC;}
</style>
<div id="keleyi_a"></div>
效果如下：
更多例子：
http:///keleyi/phtml/divcss/11.htm
http:///keleyi/phtml/divcss/13.htm
實際應用：
http:///keleyi/phtml/divcss/11a.htm
以下代碼兼容IE6：
<style>b.sanjiao{
display:inline-block;
width: 0;
height: 0;
border-width: 10px 10px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #ff0000;
font-size: 0;
line-height: 0;
-moz-transition: -moz-transform .2s ease-in;
-o-transition: -o-transform .2s ease-in;
transition: transform .2s ease-in;
vertical-align:text-top;
margin-left:5px
}</style>
<b class="sanjiao"></b>
效果如下：
實際應用：
keleyi菜單
淘寶菜單
其中keleyi菜單的實際應用，可以看看本頁下面的向上彈出導航菜單。