基础 CSS 厨房水槽工具提示

Foundation CSS是 CSS 的前端框架，用于构建可在任何设备上完美运行的响应式网站、应用程序和电子邮件。它使用 HTML、CSS 和 Javascript 编写，并被许多著名公司使用，如 Amazon、Facebook、eBay 等。它使用 Grunt 和 Libsass 等包进行快速编码和控制，并使用 Saas 编译器加快开发速度。

Kitchen Sink具有在网站和应用程序中工作的元素。工具提示是当我们将鼠标悬停在链接上时显示一些消息的小对话框。当我们想在某些链接悬停时显示一些重要消息时，我们可以借助工具提示来做到这一点。

基础 CSS 厨房水槽工具提示类：

• has-tip：当我们将鼠标悬停在链接上时，它用于为要显示的文本创建一个弹出框。

句法：

          ...

示例 1：

HTML

  

    Foundation CSS Kitchen Sink Tooltip
    
    
    
    
    

  

    
        GeeksforGeeks
    
    Foundation CSS Kitchen Sink Tooltip
    A Computer Science portal for 
        geeks. 
        It contains well written, well thought and well
        explained computer science and programming articles
  
    
        $(document).ready(function () {
            $(document).foundation();
        })
    

  

输出：

基础 CSS 厨房水槽工具提示

示例 2：

HTML

  

    
    
    
    
    

  

    
        GeeksforGeeks
    
    Foundation CSS Kitchen Sink Tooltip
  
    A Computer Science portal for 
      geeks.
        It contains well written, well thought and well
        explained computer science and programming articles
  
    
      
    
  
    
        
        GeeksforGeeks
        
    
    
        $(document).ready(function () {
            $(document).foundation();
        })
    

  

输出：

基础 CSS 厨房水槽工具提示

参考：https://get.foundation/sites/docs/kitchen-sink.html#tooltip