如何利用CSS伪类选择器实现三角形(空心和实心)

先来写个实心三角形

.box_right,.box_bottom {
   
				width: 200px;
				height: 120px;
				background: #fff;
				position: relative;
				border-radius: 10px;
			}
			.box_bottom:after {
   
				content: '';
				width: 0;
				height: 0;
				border-top: 15px solid #ffff;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				position: absolute;
				bottom: -15px;
				left: 90px;
			}
			.box_right:after {
   
				content: '';
				width: 0;
				height