1. 全栈程序员必看首页

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

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

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


相关推荐

  • Shell 学习[通俗易懂]

    Shell 学习[通俗易懂]

    Shell 学习[通俗易懂]目录一篇文章让你彻底掌握shell语言  1.简介  2.基本语法  3.变量  4.字符串  5.数组  6.运算符  7.控制语句  8.函数  9.Shell扩展  10.流和重定向  11.Debug  12.更多内容一篇文章让你彻底掌握shell语言由于bash是Linux标准默认的shell解释器，可以说bash是she…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月18日
    15
  • Java 随机数

    Java 随机数

    Java 随机数本章先讲解Java随机数的几种产生方式，然后通过示例对其进行演示。广义上讲，Java中的随机数的有三种产生方式：(01).通过System.currentTimeMillis()来获取一个当前时间毫秒数的long型数字。(02).通过Math.random()返回一个0到1之间的double值。(03).通过Random类来产生一个随机数，这个是专业的Random工具类，功能强大。…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月26日
    5
  • 对公司用人的一些思考

    对公司用人的一些思考

    对公司用人的一些思考

    全栈程序员-站长的头像 全栈程序员-站长
    2021年7月26日
    64
  • mysql大数据量分页查询优化总结

    mysql大数据量分页查询优化总结

    mysql大数据量分页查询优化总结

    全栈程序员-站长的头像 全栈程序员-站长
    2022年2月19日
    56
  • Matlab中的数据预处理-归一化(mapminmax)与标准化(mapstd)

    Matlab中的数据预处理-归一化(mapminmax)与标准化(mapstd)

    Matlab中的数据预处理-归一化(mapminmax)与标准化(mapstd)最近遇到数据预处理的一些问题，本来很简单的东西，但是却搞的烦烦的，痛定思痛，决定自己实现一下。一、mapminmaxProcessmatricesbymappingrowminimumandmaximumvaluesto[-11]意思是将矩阵的每一行处理成[-1,1]区间，此时对于模式识别或者其他统计学来说，数据应该是每一列是一个样本，每一行是多个样本的同一维，即

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月15日
    34
  • SpringBoot启动全流程源码解析（超详细版）[通俗易懂]

    SpringBoot启动全流程源码解析（超详细版）[通俗易懂]

    SpringBoot启动全流程源码解析（超详细版）[通俗易懂]我们在使用SpringBoot启动项目的时候，可能只需加一个注解，然后启动main，整个项目就运行了起来，但事实真的是所见即所得吗，还是SpringBoot在背后默默做了很多？本文会通过源码解析的方式深入理解SpringBoot启动全过程SpringBoot启动过程流程图源码解析大家不要抗拒源码解析，这个非常优秀的代码，我们如果能够学会对自己代码编写水平大有裨益首先，我们先来看下SpringBoot项目的启动类@SpringBootApplicationpublicclassSp.

    全栈程序员-站长的头像 全栈程序员-站长
    2025年10月27日
    4

发表回复

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

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