css实现角折叠效果

最新推荐文章于 2023-08-18 19:22:53 发布

qq_2623843046

最新推荐文章于 2023-08-18 19:22:53 发布

阅读量2.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：个人知识管理文章标签： css实现折叠角的效果

本文链接：https://blog.youkuaiyun.com/qq_40482686/article/details/79202714

个人知识管理专栏收录该内容

13 篇文章

订阅专栏

html

 <div class="angle"><div></div></div>

css

.angle{
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background-color: #345070;
    border-width: 6px;
    margin: 0 auto;
}
.angle div{
    position: relative;
    width: 0;
    height: 0;
    border: 22px solid black;
    border-color:transparent  #fff #fff transparent ;
    background-color:#345070;
    font-size:xx-small;
    text-align:left;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}