码迷,mamicode.com
首页 > Web开发 > 详细

css三角箭头

时间:2014-12-03 12:12:59      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:style   http   ar   color   os   sp   bs   ad   as   

 

效果:

bubuko.com,布布扣

css:

.jt {
        display:inline-block;    /*和后面的文字在同一行*/
        *display: inline;    /*ie6 7块级元素inline-block兼容*/
        *zoom:1;    /*同上*/
        height:0px;  
        width:0px; 
        line-height:0px;   /*行高设0,不然ie6会撑开*/
        vertical-align: middle;   /*与文字垂直居中对齐,如果依然相差一两个像素,可以设置相对定位,更改top值微调*/
        border:3px solid #000; 
        border-color: transparent #f00 transparent transparent;    /*设置一边为红色,其它透明*/
        border-style: dashed solid dashed dashed;    /*ie6不支持transparent属性,可以将透明边设置成dashed来兼容,不设的话,火狐会有灰边*/
        margin-right: 5px;
    }

 

css三角箭头

标签:style   http   ar   color   os   sp   bs   ad   as   

原文地址:http://www.cnblogs.com/k13web/p/4139410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!