导游

如何将图像添加到 CSS 文件

网页通常使用内嵌 HTML 的“img”标签添加图像。 CSS编码通常不设置图像的来源,因为CSS控件设计而不是内容。但是CSS支持普通HTML不支持的属性,例如图像不透明度。例如,如果您希望公司总部的透明照片出现在您的网站主页上,您可以使用 CSS 进行设置。 CSS 样式使用背景图像属性选择图像源。

1

使用 HTML 编辑器或文本编辑器打开您网站的样式表。

2

将以下代码粘贴到工作表中以创建新样式:

背景图片:网址(路径);背景重复:不重复;宽度:10px;高度:20px; 

}

3

在网站内将“路径”替换为图像的URL。例如,如果图像“ building.jpg”位于您网站的“图像”文件夹中,则将代码更改为:

背景图片:url(/images/building.jpg);背景重复:不重复;宽度:10px;高度:20px; 

}

4

用图像的宽度替换“ 10”,并用图像的高度替换“ 20”。例如,如果图像尺寸为200像素高和600像素宽,则将代码更改为:

背景图片:url(/images/building.jpg);背景重复:不重复;宽度:600像素;高度:200px; 

}

5

打开您要在其中插入图像的网页。

6

添加以下代码以插入图像:

$config[zx-auto] not found$config[zx-overlay] not found