css实现三角形圆形

最新推荐文章于 2025-06-16 15:54:18 发布

Hello_abo

最新推荐文章于 2025-06-16 15:54:18 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：日常积累

本文链接：https://blog.youkuaiyun.com/zhangbo1116/article/details/11173367

日常积累专栏收录该内容

16 篇文章

订阅专栏

css实现三角形工作中用到做个笔记

.tipArrow {  
                /*右边有颜色，其他透明*/  
                border-color: transparent #e00 transparent transparent;  
                border-style: solid;  
                border-width: 6px 6px 6px 0px;  
                padding: 0;  
                width: 0;  
                height: 0;  
                /* ie6 height fix */  
                font-size: 0;  
                line-height: 0;  
                /* ie6 transparent fix */  
                _border-top-color: #dddddd;  
                _border-bottom-color: #dddddd;  
                _filter: chroma( color = #dddddd);  
            }

css实现圆形

.roundness {
    float:left;
    display:block;
    width:150px;
    height:150px;
    position:relative;
    margin-left:35px;
    background:#F1F7FB;
    border-radius:75px;
    border:1px solid #2A7AC2;
    color:#2A7AC2;
    font-weight:bold;
}