css3特效（三角形）

最新推荐文章于 2024-07-11 20:27:42 发布

L_melody

最新推荐文章于 2024-07-11 20:27:42 发布

阅读量333

点赞数

分类专栏：前端文章标签： css3 前端

本文链接：https://blog.csdn.net/L_melody/article/details/86541057

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

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