如何设置CSS内边距

html-css024

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

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

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

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

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

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

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

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

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

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

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

可以用z-index控制,具体步骤如下:

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

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

2、在index.html中的<body>标签中,输入html代码:

<img style="position: absolutetop:0z-index: 1" src="image.jpg" />

<img style="position: absolutetop:0" src="small2.png" />

3、浏览器运行index.html页面,此时大图因为z-index更大而被设置到更上面的图层了。