如何设置CSS内边距

html-css0138

如何设置CSS内边距,第1张

元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。

您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：

h1 {padding: 10px 0.25em 2ex 20%

也通过使用下面四个单独的属性，分别设置上、右、下、左内边距：

padding简写属性。作用是在一个声明中设置元素的所内边距属性。

padding-bottom设置元素的下内边距。

padding-left设置元素的左内边距。

padding-right设置元素的右内边距。

padding-top设置元素的上内边距。

css中给元素设置下内边距为100像素的代码是：padding-bottom：100px。

CSS中的padding属性用于在任何定义的边界内的元素内容周围生成空间。通过CSS，可以完全控制内边距（填充）。有一些属性可以为元素的每一侧（上、右、下和左侧）设置内边距。padding-top为上内边距；padding-right为右内边距；padding-bottom为下内边距；padding-left为左内边距。

css：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：.sub{margin-top: 30px}。

3、浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。