html背景图片怎么添加 html怎么设置背景图片

2025-03-02 08:58:03阅读量：101 字体：大 中 小

有很多小伙伴在编辑网页的时候，觉得网页太过单调，向要添加背景图片来丰富自己编辑的网页，不过却不知道怎么在html中添加背景图片，小编研究了很久，总结出了添加的方法，现在就在下文中分享给大家，想要学习的小伙伴快来看看吧。

html背景图片怎么添加 html怎么设置背景图片

html背景图片怎么添加?

具体步骤如下：

1.插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。具体操作是首先新建一个html文件，写入两个div，分别用来演示两种方法插入标签;

2.首先是用html标签插入图片，这里直接在img标签中使用src属性就可以插入图片路径就成功了;

3.接着是用css插入，在div中设置class属性为img2，在script标签中使用background标签插入，其中url是标签的路径，no-repeat是设置图片不重复，center是设置照片居中显示;

4.最后给这些标签都设置一些样式，让它们显得美观一些。然后打开浏览器查看效果;

5.打开浏览器，可以看到照片都显示出来了。

免责声明：

本文《html背景图片怎么添加 html怎么设置背景图片》版权归原作者所有,内容不代表本站立场！

如本文内容影响到您的合法权益（含文章中内容、图片等），请及时联系本站，我们会及时删除处理。

推荐阅读

  • 新加好友怎么才能分享屏幕

    新加好友怎么才能分享屏幕

    qq聊天中自带有分享屏幕的功能，只要加了好友，直接点击分享屏幕就可以将屏幕分享给对方。具体操作方法如下： 新加好友怎么才能分享屏幕 1.在qq中找到要分享屏幕的好友，点击进入对话界面。 2.点击对话...

    阅读: 882

  • 手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音

    手机锁屏微信语音视频没有提示声音可能是关闭了，接收语音和视频通话邀请提醒，如果关闭了就不会有提醒，可以通过设置重新开启这个功能，具体操作步骤如下： 手机锁屏微信语音视频没有提示声音 1、打开微信app...

    阅读: 889

  • 荣耀60声音小怎么办

    荣耀60声音小怎么办

    如果荣耀60手机的声音比较小的话，可以去系统内进行相应的调整，把手机的声音调大，具体的操作步骤如下： 荣耀60声音小怎么办 1、打开手机的设置，点击声音和振动”按钮，进入声音和振动的设置页...

    阅读: 975

  • ipad pro怎么录屏

    ipad pro怎么录屏

    ipad pro设备有录屏的功能，有需要的用户可以去手机的控制中心内打开按键进行录屏，具体的操作步骤如下： ipad pro怎么录屏 1、进入手机的桌面中，从手机屏幕的右上角往下滑，呼出控制中心的界面...

    阅读: 1035

  • 苹果平板如何隐藏app软件

    苹果平板如何隐藏app软件

    苹果平板没有隐藏app软件的功能，但是可以把app下载到资源库中，这样就不会显示在平板的桌面上，操作方法如下： 苹果平板如何隐藏app软件 1、打开平板的设置，点击主屏幕”按钮，进入主屏幕...

    阅读: 862

  • 荣耀x30如何升级鸿蒙系统

    荣耀x30如何升级鸿蒙系统

    荣耀x30手机升级鸿蒙系统需要去手机的设置内进行手动点击升级，系统会自动进行检测，具体的操作步骤如下： 荣耀x30如何升级鸿蒙系统 1、打开手机的设置，点击系统和更新”按钮，进入系统设置中...

    阅读: 970

热门文章

最近更新