css3特效（三角形）

CSS3特效（三角形）如图：

<div class="dz">
   
当前位置：<a href='http://www.zjyymr.com/'>主页</a> > <a href='/zjjs/'>医生团队</a> > <i></i>

</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;}

原文地址：https://blog.csdn.net/L_melody/article/details/86541057?ops_request_misc=&request_id=7c3a0a7c6c264218995b401c42e60581&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~koosearch~default-6-86541057-null-null.142^v88^insert_down28v1,239^v2^insert_chatgpt&utm_term=css3%E7%89%B9%E6%95%88