怎么在HTML网页里加入图片

 时间:2024-09-25 22:15:36

在前端网页开发中,在html网页中加入一张图片是经常的操作,本文介绍怎么在HTML噩荜务圃网页里加入图片,适用于html网页前端开发,详细的操作步骤如下。

怎么在HTML网页里加入图片

工具/原料

html+css

html编辑器sublime_text

方法/步骤

1、第一步,我们前往css官网中查看有什么属性可以实现插入图片,最后我们找到backgroun蟠校盯昂d-image可以实现插入图片的需求,详细的使用方法如下图。

怎么在HTML网页里加入图片

2、第二步,为了方便我们对html代码的编写,我们使用html编辑器sublime_text,详细如下图。

怎么在HTML网页里加入图片

3、第三步,我们在sublime_text中新建一个html文件,然后写入最简单的网页格式代码,详细如下图。

怎么在HTML网页里加入图片

4、第三步,我们新建一个高200px,宽200px,颜色为蓝色的div盒子,详细的代码和效果如下图。

怎么在HTML网页里加入图片

怎么在HTML网页里加入图片

5、第五步,我们在代码中加入background-image,然后引入一张图片backgrou艘绒庳焰nd-image:url(pikaqiu.jpg);url里面的是图片的地址,详细如下图。

怎么在HTML网页里加入图片

怎么在HTML网页里加入图片

怎么在HTML网页里加入图片

css如何将背景图片设置在div的左下角 css如何设置文字的水平方向浮动 如何利用html制作网页水平导航菜单? 如何在HTML中插入图片 CSS怎样控制一段文字到最顶位置
热门搜索
垃圾图片 天竺少女歌曲 河流图片 烤全羊图片 豆子粘贴画图片大全