css中如何设置div的内边距

在css中，可以使用padding属性设置div的内边距。下面小编举例讲解css中如何设置div的内边距。

文章插图

需要这些哦
html+css
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html，用于讲解css中若何设置div的内边距。

文章插图

2在test.html文件内，利用div标签建立一个模块，用于测试。

文章插图

3在test.html文件内，给div标签添加一个class属性，用于设置样式。

文章插图

4在css标签内，经由过程class设置div的样式，界说其宽度为150px，高度为150px，布景颜色为灰色。

文章插图

5在css标签内，再经由过程padding属性设置div的内距，例如，这里设置div周围的内边距都为20px 。

文章插图

6在浏览器打开test.html文件，查看实现的结果。

文章插图

总结：1【css中如何设置div的内边距】1、利用div标签建立一个模块，给div标签添加一个class属性，用于设置样式。 2、在css标签内，经由过程class设置div的样式，界说其宽度为150px，高度为150px，布景颜色为灰色。 3、在css标签内，再经由过程padding属性设置div的内距，例如，这里设置div周围的内边距都为20px 。

以上内容就是css中如何设置div的内边距的内容啦，希望对你有所帮助哦！