怎么在css中插入图片

html-css019

怎么在css中插入图片,第1张

css插入图片方法如下:

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

操作系统:win10

操作程序:html编辑器v8.21

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

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

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

那是两个背景图片 鼠标规划过后效果 代码例如:

#daohang a{ //daohang=ID名随意起

background-image:img1 //初始为红色小框背景图

}

#daohang li a:hover{

background-image:img2 //划过后变为黑色小框的背景图

}

可以在CSS里面用background-image:url(图片地址)。这样来加入图片,展现到网页中。

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。