189 8069 5689
CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
创新互联建站主要从事成都网站建设、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务南沙,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
（1）padding-left:10px; 左内边距
（2）padding-right:10px; 右内边距
（3）padding-top:10px; 上内边距
（4）padding-bottom:10px; 下内边距
（5）padding：10px; 四边统一内边距
（6）padding:10px 20px; 上下、左右内边距
（7）padding:10px 20px 30px; 上、左右、下内边距
（8）padding:10px 20px 30px 40px; 上、右、下、左内边距
这个50%是相对于父元素的width（宽度）的50%，也就是说上下左右四个方向的padding都是父元素的width的50%，而不是你想象中的横向的padding是父元素width50%、纵向的padding则是父元素height的50%
css样式的padding的4个方向顺序是：上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下：
1、新建一个html文件，命名为test.html，用于讲解css样式中padding属性的4个方向顺序是什么。
2、在test.html文件内，使用a标签创建一个链接，链接的名称为测试。
3、在test.html文件内，设置a标签的class属性为incss，主要用于下面通过该class来设置css样式。
4、在test.html文件内，编写style type="text/css"/style标签，页面的css样式将写在该标签内。
5、在css标签内，设置类名为incss的样式，使用border属性设置其边框大小为1px，边框线形为实线，边框颜色为红色。在浏览器打开test.html文件，查看实现的页面效果。
6、在css标签内，使用padding属性设置a标签四周的内边距，顺序为上右下左，上内边距设置为5px，右内边距设置为20px，下内边距设置为40px，左内边距设置为60px。
7、在浏览器打开test.html文件，查看实现的效果。