【CSS】画个三角形或圆形或环

首先通过调整边框,我们可以发现一些端倪 



	
		
		
	
	
	
		

【CSS】画个三角形或圆形或环_第1张图片

接着我们通过调整各个边框(例如border-top)的属性后发现 这些分割点棱角分明



	
		
		
	
	
	
		

【CSS】画个三角形或圆形或环_第2张图片

在把宽高都设为0后,发现这个图形逐渐清晰起来 



	
		
		
	
	
	
		

【CSS】画个三角形或圆形或环_第3张图片

把任意两个三角形颜色设为一样,剩下的透明后就能获得三角形了



	
		
		
	
	
	
		

 【CSS】画个三角形或圆形或环_第4张图片

同理,通过改变边框的border-radius属性还能让其变成圆形,环等。 

你可能感兴趣的:(css,前端,javascript)