css如何插入图片

html-css013

css如何插入图片,第1张

css插入图片方法如下:

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

操作系统:win10

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

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

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

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

1、新建一个html文件,命名为test.html,用于讲解。

2、在test.html文件内,创建一个div模块,并设置其class属性为mydiv。

3、在div模块内,使用img图片标签创建两张图片,src属性指向不同的图片路径。

4、在css标签内,使用“*”初始化页面所有元素的css样式,设置内边距为0,外边距为0。

5、在css标签内,设置div的样式,设置其宽度为700px,高度为400px,边框为1px,居中对齐。

6、在css标签内,设置图片的的大小,宽度为280px,高度为200px,为了使用图片水平排列,需要使用float属性设置图片浮动的统一方向,例如,这里设置统一浮动向左。

7、在浏览器打开test.html文件,查看图片水平排列的效果。