css基础样式中的padding样式

今天我们来说padding 它代表的是内边距。

先在div中输入“程序世界”四个字，然后再在样式中分别设置它的上、右、下、左四个内边距。

上面代码中padding-top代表上内边距

padding-right代表右内边距

padding-bottom代表下内边距

padding-left代表左内边距

它除了可以分别设置内边距外，还可以复合写法。

padding:10px; 一个值 代表上右下左都是10px

如果写两个值：padding：10px 20px；两个值，第一个值代表上下，第二个值代表左右。

三个值 ：第一个值代表上 第二个值代表左右 第三个值代表下

四个值：第一个值代表上 第二个值代表右 第三个值代表下 第三个值代表左

如果在div中把文字换成图片标签，同样也适用上面的padding写法。