CSS画三角形

<style type="text/css"> 
.btn_text{font-size:12px;}
#customSelectBtn{position:relative;*float:left;display:inline-block;width:85px;height:22px;padding:1px 20px 1px 5px;margin-right:5px;line-height:22px;border:1px solid #9fc7e3;vertical-align:bottom;cursor:pointer;}

.triangle{position:absolute;top:10px;right:5px;border-width:5px;border-style:solid dashed dashed dashed;border-color:#9fc7e3 transparent transparent transparent;line-height:0;font-size:0;width:0;height:0;}
</style>

<a href="javascript:;">
<div id="customSelectBtn" class="">
<SPAN class="btn_text">选择模板</SPAN><b class="triangle"></b>
</div></a>

posted @ 2012-07-14 15:47  moretop  阅读(183)  评论(0)  编辑  收藏  举报