CSS如何实现提示框的实例详解

效果图： 

注意以下要点： 

1、提示框的箭头效果，且箭头随位置变动。 

2、提示框的关闭按钮，且提示框内容高度随意。 

3、阴影效果 

代码： 

    
    
    
      
      
      
  
    
    
    
Paragraph A
立即学习“前端免费学习笔记（深入）”；
  
Paragraph B
  
Paragraph C
  
Paragraph D
  
Paragraph E
  
Paragraph F

							

								
								

									PHP5 和 MySQL 圣经
									
本书是全面讲述PHP与MySQL的经典之作，书中不但全面介绍了两种技术的核心特性，还讲解了如何高效地结合这两种技术构建健壮的数据驱动的应用程序。本书涵盖了两种技术新版本中出现的最新特性，书中大量实际的示例和深入的分析均来自于作者在这方面多年的专业经验，可用于解决开发者在实际中所面临的各种挑战。
								
								下载 
							
						
  
Paragraph G
  
  
   
    
   
        
  
            Providing your last name adds another   
            layer of security and keeps your World Of Tester profile protected.  
        
  
        
  
    
  
   
  
  
    Last Name:   
      
        i  
        
  
            
    
            
  
        
  
      
  
  
  
  
  
  
  
  
  
Paragraph A
立即学习“前端免费学习笔记（深入）”；
  
Paragraph B
  
Paragraph C
  
Paragraph D
  
Paragraph E
  
Paragraph F
  
Paragraph G
  
  
   
    
   
        
  
            Providing your last name adds another   
            layer of security and keeps your World Of Tester profile protected.  
            Providing your last name adds another   
            layer of security and keeps your World Of Tester profile protected.  
            Providing your last name adds another   
            layer of security and keeps your World Of Tester profile protected.  
            Providing your last name adds another   
            layer of security and keeps your World Of Tester profile protected.  
        
  
        
  
    
  
   
  
  
    Longer - Last Name:   
      
        i