用js+html+css实现自定义弹窗

最近按照CSDN上博主自定义弹出框的代码，终于实现了自己想要的弹出框。并将它们记录下来。

	
		
		
		
		
	
	
		

			

				

					
+Add plan
					
Settings
				
				
please add a budgeting plan
			
		
		

		

			

				

					new plan
				
				
				
				
				

				

				

				add costs transactions 

				
				
				
				+
				-
				
			
			

				close
			
		
		
	

效果展示：

总结
我们在想可以自定义一个弹窗时 可以理解为弹出的是一个div 通过display属性的block和none值来决定这个div是否在界面中显示，而关于弹窗样式和效果 我们就在这个div里头来设计就好。