📜  如何使用 CSS 在元素周围设置填充?

📅  最后修改于: 2021-09-01 03:45:51             🧑  作者: Mango

在本文中,我们将学习如何使用 CSS 设置元素周围的内边距。

方法:填充是元素内容与其边界之间的空间。我们可以使用 CSS 的 padding 属性设置元素周围的内边距。它需要四个值 top_padding、right_padding、bottom_padding 和 left_padding。

句法:

padding: top_padding right_padding bottom_padding left_padding;

我们也可以单独使用这些值作为一次取一个值的属性。

句法:

padding-top: value;
padding-right: value;
padding-left: value;
padding-bottom: value;

示例 1:

HTML



    


    
GeeksforGeeks


HTML



    


    
GeeksforGeeks


输出:

  • 在应用填充属性之前:

  • 应用填充属性后:

示例 2:

HTML




    


    
GeeksforGeeks

输出:

  • 在应用填充属性之前:

  • 应用填充属性后: