css画三角形

#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 100px solid red;
    border-left: 100px solid transparent;
}

 

 参考：link

参考2：https://blog.csdn.net/qq_33745371/article/details/108042057（div单选框实现(html+css+js)）