廖鑫豪的个人博客

@lxhcool

男,爱好女

文章 8
朋友 7
来访 11

工具

框架

灵感

社区

资源

酷站

RANKINGS

    • 杭州
    • https://www.lxhcool.cn
    • 网站成立551天

    lxhcool

    • 默认

    【常用】css制作三角形

    向上的三角形

    .arrowT {
        width: 0;
        height: 0;
        border-width: 0px 20px 20px;
        border-style: solid;
        border-color: transparent transparent #333;
    }

    向下的三角形

    .arrowB {
        width: 0;
        height: 0;
        border-width: 20px 20px 0px;
        border-style: solid;
        border-color: #333 transparent transparent;
    }

    向左的三角形

    .arrowL {
        width: 0;
        height: 0;
        border-width: 20px 20px 20px 0;
        border-style: solid;
        border-color: transparent #333 transparent transparent;
    }

    向右的三角形

    .arrowR {
        width: 0;
        height: 0;
        border-width: 20px 0 20px 20px;
        border-style: solid;
        border-color: transparent transparent transparent #333;
    }

    Comments | 2 条评论

      游客,你好 修改资料

    *邮箱和昵称必须填写