CSS中图片怎么置顶

html-css042

CSS中图片怎么置顶,第1张

在html中让图片置顶，需要设置图片中的div属性,设定div中的padding-top属性。

padding-top: 0设置div中无填充，对象置顶。案例设置方法如下：

<html>

<body>

zhiding{padding-top: 0}

<div class=“zhiding” align="center">

<img src="C:路径/文件名.jpg">

</div>

</body>

</html>

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

2、在index.html中的<style>标签中，输入css代码：span {position: absolutetop: 45pxleft: 180px}。

3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。

1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、接着可以通过url()来连接图片，url里面放置的就是背景图片的路径。

4、随意地放了一张图片用作背景，一定要注意，路径要写对。

5、这样，保存之后文字就会覆盖在图片的上面了。