伪元素after实现三角形

版权声明:未经同意不得转载 https://blog.csdn.net/qq_42707446/article/details/85286318

   

  类名::after{
                            content:"";    //必须有                            
                            width:    ;                                        
                            height: ;    //三角大小                           
                            border-right:1px solid#    ;                       
                            border-bottom:1px solid#;
                            transform:remote(45deg);    //顺时针旋转45°
                            position:absolute;    //定位
                            top:0;
                            right:0;
                        }

1.加content:"";

2.设置三角形大小

 3.设置边框大小颜色    

 4.定位。

猜你喜欢

转载自blog.csdn.net/qq_42707446/article/details/85286318