在网页中加入一张图片,然后用CSS语法指定它显示在网页的某个位置

html-css013

在网页中加入一张图片,然后用CSS语法指定它显示在网页的某个位置,第1张

设置父层为position:relative设置该图片所在的层position:absolute

例:

<!--父层开始-->

<div class="head">

<!--图片层开始-->

<div class="head_img"></div>

<!--图片层结束-->

</div>

<!--父层结束-->

通过css:background-image语句设置背景。

background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。

(1)相对的文件位置:

(2)测试代码:

测试效果:

扩展资料:

background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。

默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。

提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。

参考资料:百度百科--CSS background-image