在 CSS 中,我们可以使用 background-image 属性来设置背景图像。当然,在设置背景图像之前,我们需要先打开一张图片并保存在本地文件夹中。图像文件的格式可以是 JPEG、PNG、GIF 等多种格式。
下面是一个基本的设置背景图像的例子:
p { background-image: url("images/my-image.jpg"); }上面的代码中,我们使用了 background-image 属性,并将图片文件的路径(images/my-image.jpg)作为属性值。需要注意的是,路径必须使用相对地址,以确保在不同目录或不同域名下都能正常加载图片。 除了设置背景图像,在 CSS 中也可以使用 img 标签来插入图片。下面是一个简单的例子:在该例子中,我们使用了 img 标签,并通过 src 属性指定了图片文件的路径。此外,我们还使用了 alt 属性来设置该图片的替代文本,以确保即使图片无法正常加载,也能够提供对该图片的基本描述。 需要注意的是,在使用 img 标签插入图片时,我们不应该使用 background-image 属性来添加背景图像。这是由于背景图像的作用通常是为了装饰或为文本提供背景,而不应该作为文本的一部分进行标记。 综上所述,CSS 中可以使用 background-image 属性来设置背景图像,也可以使用 img 标签来插入图片。无论哪种方式,我们都需要事先打开一张图片并将其保存在本地文件夹中。同时,我们需要注意使用相对路径来指定图片文件的路径,以确保在不同情况下都能正常加载图片。