css3特效(三角形)

CSS3特效(三角形)如图:

<div class="dz">
    <p>当前位置:<a href='http://www.zjyymr.com/'>主页</a> > <a href='/zjjs/'>医生团队</a> > <i></i></p>
</div>
.dz{ height:50px; line-height:50px; padding-left:10px; background:#F4F4F4; border-bottom:1px solid #DFDFDF;}
.dz p a{ display:inline-block;}
.dz p{ position:relative; font-size:1.6rem; color:#333;}
.dz p i{ left:9.8em; bottom:-4px; background-color:#fff; display:inline-block;width:9px;height:9px;border-top:1px solid #DFDFDF;border-right:1px solid #DFDFDF;-webkit-transform:rotate(-45deg);position:absolute;}

猜你喜欢

转载自blog.csdn.net/L_melody/article/details/86541057