您的当前位置:首页CSS实现tip框三角形

CSS实现tip框三角形

来源:锐游网

CSS实现tip框

方法一:利用盒模型border

利用长宽设为0,border设为一定宽度,上下左右一边设为三角形颜色,另外的transparent

.parent1{
            width: 0;
            height: 0;
            border-width: 30px;
            border-style: solid;
            border-color: red transparent transparent transparent;
        }
得到三角形:

因篇幅问题不能全部显示,请点此查看更多更全内容

Top