如何使用 CSS 在元素内设置内边距？

在本文中，我们将看到如何使用 CSS 在元素内设置内边距。填充被认为是内容与其边框之间的空间。填充在定义的边界内创建空间。填充和边距之间的区别在于边距在边框外创建空间，而填充为边框内的内容创建空间(边框只是为其分配了区域的任何标签)。

我们可以使用以下属性来设置元素内的填充。

• CSS padding-bottom 属性
• CSS padding-top 属性
• CSS padding-right 属性
• CSS padding-left 属性

句法：

/* Set padding to all sides
   padding: numberpx;

/* Set padding to specific side
   padding-top: numberpx;
   padding-right: numberpx;
   padding-left: numberpx;
   padding-bottom: numberpx;

方法：我们将使用 CSS 中的 padding 属性创建一个按钮标签，将 padding 设置为它的各个边。下面是说明使用填充的代码。

例子：

HTML

  

  

  

    
      GeeksforGeeks
    

  

输出：

说明：这里我们创建了一个按钮，然后使用 CSS 从每一侧以不同的方式更改其填充属性。