css样式中的padding属性用来设置html元素内边距，在使用css布局网页时，可以使用padding一次性设置四周的内边距，它的4个方向的顺序为“上右下左”。下面小编举例讲解css样式中padding属性的4个方向顺序是什么。
工具/原料
1
html+css
2
代码编辑器：Dreamweaver CS5
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解css样式中padding属性的4个方向顺序是什么。
2
在test.html文件内，使用a标签创建一个链接，链接的名称为测试。
3
在test.html文件内，设置a标签的class属性为incss，主要用于下面通过该class来设置css样式。
4
在test.html文件内，编写标签，页面的css样式将写在该标签内。
5
在css标签内，设置类名为incss的样式，使用border属性设置其边框大小为1px，边框线形为实线，边框颜色为红色。在浏览器打开test.html文件，查看实现的页面效果。
6
在css标签内，使用padding属性设置a标签四周的内边距，顺序为上右下左，上内边距设置为5px，右内边距设置为20px，下内边距设置为40px，左内边距设置为60px。
总结:
1、创建一个test.html文件。 2、在文件内，定义一个html元素。 3、在css标签内，使用padding属性定义html元素四周的内边距，padding四个方向的顺序是“上右下左”。
注意事项
如果只需要设置一个方向的内边距，可以使用padding-left、padding-right、padding-top或padding-bottom。
上一篇：HTML 标签的使用方法
下一篇：NFC标签如何进行分类？