初探CSS--Padding属性

最新推荐文章于 2021-08-17 14:50:39 发布

最新推荐文章于 2021-08-17 14:50:39 发布 · 194 阅读

文章标签：

#CSS

本文详细介绍了CSS中padding属性的不同用法，包括如何通过不同数量的参数设置元素四边的内边距，以及如何利用padding-top等特定方向的属性来精确控制布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天看了一天的CSS，才算对css有个初步了解，做个笔记，以备日后查阅和补充。

关于padding属性：

selector {               
              padding 1px;  //表示padding上下左右均为1px

               /**等价于**/
               padding-top: 1px;
               padding-right: 1px;
               padding-bottom: 1px;
               padding-left: 1px;
}

selector{
              padding 1px 2px;  //表示padding上下为1px；左右为2px；

               /**等价于**/
               padding-top: 1px;
               padding-right: 2px;
               padding-bottom: 1px;
               padding-left: 2px;
}

selector{
              padding 1px 2px 3px;  //表示padding上为1px；左右为2px；下为3px

               /**等价于**/
               padding-top: 1px;
               padding-right: 2px;
               padding-bottom: 3px;
               padding-left: 2px;
}


selector{
              padding 1px 2px 3px 4px;  //表示padding上为1px；左为2px；下为3px；右为4px

               /**等价于**/
               padding-top: 1px;
               padding-right: 2px;
               padding-bottom: 3px;
               padding-left: 4px;
}

注意：如果使用padding-top、padding-right.....来约束padding样式，就必须按照顺时针进行顺序撰写。；P