Foundation CSS Prototyping Utilities Border box

Foundation CSS是由 ZURB 于 2011 年 9 月创建的开源和响应式前端框架，可以轻松创建可在任何设备上运行的令人惊叹的响应式网站、应用程序和电子邮件。许多公司，如 Facebook、eBay、Mozilla、Adobe，甚至迪士尼，都在使用它。该框架基于bootstrap，类似于SaaS。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI，因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具，用于在移动设备上更快地呈现。

Prototyping Utilities Border box用于为元素添加内容、内边距和边框。它不会在 CSS 的 width 和 height 属性内给出边距。在本文中，我们将讨论 Foundation CSS 中的原型工具边框框。

Foundation CSS Prototyping Utility 边框类：

• border-box：该类用于创建带边框的框。

句法：

   ...

示例：以下代码演示了 Foundation CSS Prototyping Utility 边框框。

HTML

  






  

  
    
 GeeksforGeeks 
    
 Foundation CSS Prototyping Utilities Border box 
  
    

      A Computer Science portal for geeks. 
    
  

输出：

Foundation CSS Prototyping Utilities Border box

参考： https://get.foundation/sites/docs/prototyping-utilities.html#border-box