CSS里面怎么这样插入背景图片也可以啊 ???

CSS里面怎么这样插入背景图片也可以啊 ???,第1张

这个只是设置一个body标签的背景罢了,不是真正把插入到了body里面,就好像代码里面p的样式一样,设置背景颜色为#0066ff,就是用颜色来修饰p元素。而设置body的background-image,就相当于用一个来作为body这个标签的背景,这个时候body里面的内容并没有改变,只是装饰它的元素由一个色块变成了一个,当然,这时在视觉上就会觉得插入了一张到页面里面了~
另外,style里面定义的样式跟这个标签放在页面的哪个位置是没有关系的,如果你要定义一个元素的样式,无论在页面哪个地方写下这个元素的style,都是可以生效的,不需要真的把style放到那个元素里面。
估计你也是初学CSS的,个人还是建议从html和css最基础的概念开始学吧,html和css在结构和表现上是分离的,所以对于初学者而言理解上会有一点难度,不过没有关系,多试几次你就可以理解了~~

css插入方法如下:

*** 作设备:戴尔笔记本电脑

*** 作系统:win10

*** 作程序:html编辑器v821

1、打开html编辑器并创建一个新的html文件。

2、新建完一个新的html文件后,在indexhtml的<style>标签中,输入如下所示的CSS代码。

3、输入完CSS代码之后,接下来运行indexhtml页面,可以发现,本地通过背景衜中的本地路径成功调用为了背景,就成功加入了。

方法和详细的 *** 作步骤如下:

1、第一步,打开html编辑器并创建一个新的html文件,具体见下面的图示,进入到下一步骤中。

2、第二步,新建完一个新的html文件后,在indexhtml的<style>标签中,输入如下所示的CSS代码,具体见下面的图示,进入到下一步骤中。

3、第三步,输入完CSS代码之后,接下来运行indexhtml页面。
可以发现,本地通过背景中的本地路径成功调用为了背景,具体见下面的图示。这样,就成功加入了。

用background属性
例如:body{background:url(images/bgjpg) no-repeat } 其中
url(images/bgjpg) 为背景路径;no-repeat 表示不重复。这个值可以为 repeat、repeat-x、repeat-y或者no-repteat 。
默认为repeat。 repeat-x 为横向重复;repeat-y 为纵向重复;no-repteat 为不重复。
希望对你有帮助。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13376748.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-24
下一篇 2023-07-24

发表评论

登录后才能评论

评论列表(0条)

保存