HTML里面编写背景图片方法基本分三种:
通过标签直接设置<p style="background-image:url(images/a.jpg)">aaaaa</p>
通过CSS设置:select{background-image: url(images/a.jpg)}
通过js修改$(select).css("background-image","url(images/a.jpg)");
扩展资料:
定义和用法:background-image 属性为元素设置背景图像。元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
详细说明:background-image 属性会在元素的背景中设置一个图像。
根据 background-repeat 属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据 background-position 属性的值放置。
如果需要在页面上对背景图像进行平铺,可以使用 background-repeat 属性。属性值 repeat 导致图像在水平垂直方向上都平铺,就像以往背景图像的通常做法一样。
repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。
参考实例:
参考资料:W3school
2024-07-20 广告
<BODY background="image.gif">
这是最常用的形式,即完全平铺。
还有几种其它形式你可以试试效果:
一、仅水平方向平铺:
<BODY style="background-image : url(image.gif);background-repeat : repeat-x;">
二、仅垂直方向平铺:
<BODY style="background-image : url(image.gif);background-repeat : repeat-y;">
三、不平铺:
<BODY style="background-image : url(image.gif);background-repeat : no-repeat;">
图片定义成网页背景为<body background="image-URL">
编写图片不知道 你要是想找连接可以在百度中搜索HTML啊
repeat-x: 在x轴上平铺,左右
repeat-y: 在y轴上平铺,上下
no-repeat: 图片不重复