1. 全栈程序员必看首页

html背景图片如何自动平铺,html怎么设置背景图片全屏平铺？

全栈程序员-站长 • • 未分类 • 阅读 66

html背景图片如何自动平铺,html怎么设置背景图片全屏平铺？html怎么设置背景图片全屏平铺？1、新建一个html文档。2、设置一下HTML的框架，然后把图片设置在同一个文件夹里面。3、加入，这样可以有样式设置。4、因为背景设置在主体，所以还要定义为body{}。5、background-image:url(图片)，这个是添加图片的意思。6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。7、background…

大家好，又见面了，我是你们的朋友全栈君。

5268f80b9b1e01f982625ef6fac83ca1.png

6987fdbdbdc7610e4430c572ce89de62.png

html怎么设置背景图片全屏平铺？

1、新建一个html文档。

149709f940371469a21b495719bade93.png

2、设置一下HTML的框架，然后把图片设置在同一个文件夹里面。

2ae4c80aef3d9ceac23199e8fc85bfb4.png

09fdc1fd52104e33c7828ea791a821e2.png

3、加入，这样可以有样式设置。

c7759ed361930370ae2aeeb69698053c.png

4、因为背景设置在主体，所以还要定义为body{}。

3e066c8e53f93bb370f6b77a6c3f74ce.png

5、background-image:url(图片)，这个是添加图片的意思。

6dca21e76595bb5308e614aa3b352303.png

73530e63636716c1066f9c16438d8d3f.png

6、然后我们需要加入background-repeat:repeat-x;这个时候就会横向平铺。

d21090e73a0c9f9b958692f21f903ee3.png

2a4a5695c64af32b66e827abda320bc5.png

7、background-repeat:no-repeat;这样就可以不重复平铺。

31685c257aa5d92c0dba351897576b3a.png

7877a0a0efb798165fd07ff6de10792a.png

8、background-repeat:repeat-y;这个指令是纵向平铺。

a53cf1868b36c5d0a599b9fbd5fd2904.png

6744a34b7995bc610e2120852e82d282.png

9、background-repeat:repeat;这样则是全屏平铺。

30a386d142416c4397defc77ede72bc9.png

045e1e2873aa2ce4d74e92bf8de419f1.png

推荐教程： 《HTML教程》

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/146226.html原文链接：https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长
0 0


相关推荐

  • idea汉化教程[通俗易懂] idea

    idea汉化教程[通俗易懂]

    idea汉化教程[通俗易懂]1.同样的，第一步，打开软件2.进入软件后依次点击file→settings3.接着点击plugins4.然后点击Marketplace（在线搜索插件）5.在搜索框输入chinese（看到这个名字，知道是啥了吧），找到Chinese（simplifed）Language这个插件，然后点击安装6.等待安装完成后点击RestartIDE7.点击Restart8.然后软件会重启，等待重启后，进入软件，然后你会发现，和你想象中的一样了…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月27日
    81
  • Maven之（六）setting.xml配置文件详解

    Maven之（六）setting.xml配置文件详解

    Maven之（六）setting.xml配置文件详解鉴于CSDN对**版权保护的不作为**以及落后的运营手段，本博客将于近期关闭，并清空全部文章。原有文章将会经过再次的校对、整理，转移至本人在**简书**的[博客空间](https://www.jianshu.com/u/3ec23ef9a408)。…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月27日
    30
  • sql 中文转拼音首字母

    sql 中文转拼音首字母

    sql 中文转拼音首字母

    全栈程序员-站长的头像 全栈程序员-站长
    2021年10月14日
    46
  • Android反编译apk逆向分析

    Android反编译apk逆向分析

    Android反编译apk逆向分析

    全栈程序员-站长的头像 全栈程序员-站长
    2021年9月30日
    54
  • jdbc和数据库连接池_数据库连接池满了

    jdbc和数据库连接池_数据库连接池满了

    jdbc和数据库连接池_数据库连接池满了数据库连接池JDBC数据库连接池的必要性在使用开发基于数据库的web程序时，传统的模式基本是按照以下步骤：在主程序(如servlet beans)中建立数据库连接进行sql操作断开数据库连接这种模式开发，存在的问题：普通的JDBC数据库连接使用DriverManager来获取，每次向数据库建立连接的时候都要将Connection加载到内存中，再验证用户名和密码(大概花费0.05s-1s)，需要数据库连接的时候，就向数据库要求一个，执行完成后再断开。这样的方式将会消耗大量的时间。数据库的

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月8日
    17
  • python表白代码简单「建议收藏」

    python表白代码简单「建议收藏」

    python表白代码简单「建议收藏」谢谢大家的支持，您的一键三连是罡罡同学前进的最大动力！一键三连一键三连一键三连一键三连一键三连一键三连python表白代码简单1.首先你要现有python，以及环境配置（自己去网上找资源）2.下载pycharm（相当于Dev、Eclipse编译器）3.复制粘贴即可下面放上源代码：importturtle#str=input(‘请输入表白语：’)str=”糖浆不分离”str1=”2020/12/22~2021/2/16″turtle.speed(

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月2日
    48

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号