[分享]css内边距上下左右

CSS内边距指的是元素的内容与边框之间的距离，可以通过设置padding实现。div{ padding: 10px; } 其中10px代表上下左右的内边距都为10像素。也可以分别设置上下左右的内边距。...

CSS内边距指的是元素的内容与边框之间的距离，可以通过设置padding实现。

div{
  padding: 10px;
} 

其中10px代表上下左右的内边距都为10像素。也可以分别设置上下左右的内边距。

div{
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
} 

还可以使用缩写形式，从上、右、下、左的顺序设置上下左右的内边距。

div{
  padding: 10px 20px 30px 40px;
} 

如果只想设置上下或左右的内边距，可以使用如下缩写形式。

div{
  padding: 10px 20px; /* 上下内边距都为10像素，左右内边距都为20像素 */
  padding: 10px; /* 上下左右的内边距都为10像素 */
} 

内边距的单位也可以使用em、rem、百分比等。