怎样使用纯css绘制空的三角形

2020-09-05 教育 96阅读

直接用样式一步到位还无法实现空心的三角形,你姑且使用一大一小的三角形的实现假空心效果好了,我大概写一个方法,如下


body{ margin:0; padding:0;}
#triangle-bottomright {
position:absolute;
left:0px;
top:0px;
    width: 0;
    height: 0;
    border-bottom: 100px solid red;
    border-left: 100px solid transparent;
padding:2px;
}
#triangle-bottomright02 {
position:absolute;
left:6px;
top:6px;
    width: 0;
    height: 0;
    border-bottom: 96px solid white;
    border-left: 96px solid transparent;
}



 
 
声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com