如何设置CSS内边距

html-css029

如何设置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。