如何将图片作为网页的背景(如何使图片成为网页的背景图)

唐怡枝
导读 大家好,小晋来为大家解答以上问题。如何将图片作为网页的背景,如何使图片成为网页的背景图很多人还不知道,现在让我们一起来看看吧!1、1

大家好,小晋来为大家解答以上问题。如何将图片作为网页的背景,如何使图片成为网页的背景图很多人还不知道,现在让我们一起来看看吧!

1、 1设置背景图片需要css样式设置,设置代码如下:以整个页面的背景图片为例,css样式body background : URL(img/Beijing . jpg)no-repeat;url作为图片的路径地址。无重复图片不平铺背景-大小:封面;图片适应整个页面。

2、 必须存在两个文件。首先html是标记语言,不能自带图片。写代码的时候,它只是用img标签写图片的位置,它会自己去找图片。这也是为什么有时候在网上看网页图片会出现一个小小的红叉。

3、 技术课程表增加一个表头,标题为:技术类别、技术点、课程年。文本以粗体显示。

4、 在技术教程的表格第一行添加一个tr,并在其中添加3个td,然后复制一个CSS样式td1,重命名为tdh,添加粗体文本,背景色设置为浅灰色。

5、 设置tdh的背景色:RGBA (200,200,200,0.6);这是一种新的写法。您可以通过CSS的RGBA函数设置rgba颜色。这个颜色值有一个alpha通道,可以设置颜色的透明度,也就是能通过当前颜色的比例是多少。

6、 RGBA颜色值指定如下:rgba(红色、绿色、蓝色、alpha)。alpha参数是介于0.0(完全透明)和1.0(完全不透明)之间的数字。

7、 我们讨论了通过设置主体的背景色属性来设置整个网页的背景色。

8、 背景设置有时候是有限制的,很多网站用图片来设置背景图片,可以让网页更美观。

9、 设置背景图像的CSS属性如下所示:

10、 背景-image:url(。/图片/背景. jpg);

11、 url是一个CSS函数,其参数是图片的目录路径。

12、 一般采用相对目录路径,即假设index.html存放在哪个目录下,在这个目录下创建一个images目录,background.jpg文件放在images目录下。

13、 修改css文件主体的样式,增加背景图片,删除bigtitle的width属性。因为div的宽度默认为100%,为了防止这个属性干扰背景图像,删除了不必要的属性。

本文到此结束,希望对大家有所帮助。

标签:

免责声明:本文由用户上传,如有侵权请联系删除!