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

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)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 游戏类型「建议收藏」

    游戏类型「建议收藏」1.ACT=ActionGame∶动作游戏玩家控制游戏人物用各种武器消灭敌人以过关的游戏,不追求故事情节,如熟悉的《超级玛里》、可爱的《星之卡比》、华丽的《波斯王子》等等。电脑上的动作游戏大多脱胎于早期的街机游戏和动作游戏如《魂斗罗》、《三国志》等,设计主旨是面向普通玩家,以纯粹的娱乐休闲为目的,一般有少部分简单的解谜成份,操作简单,易于上手,紧张刺激,属于”大众化”游戏。ACT游戏讲

    2022年5月6日
  • java volatile详解

    java volatile详解本篇来自java并发编程实战关于volatile的总结。要说volatile,先得明白内存可见性。那我们就从内存可见性说起。一、内存可见性可见性是一种复杂的属性,因为可见性中的错误总是会违背我们的直觉。在单线程环境中,如果向某个变量先写入值,然后在没有其他写入操作的情况下读取这个变量,那么总能得到相同的值。这看起来很自然。然而,当读操作和写操作在不同的线程中执行时,情况却并非如此,这听

    2022年7月18日
  • Apache安装路径查询「建议收藏」

    Apache安装路径查询「建议收藏」主要看是用什么方式来安装的1tarball等安装whereishttpd  查看httpd的位置或者用whichhttpd2rpm包形式rpm-aq|grephttp  //查看是否安装了apache包,若已安装,则会打印出包名rpm-qi输入获取到的包名 //查看该apache包信息rpm-ql输入包名         //查看apache包中所有文件的安装位置…

    2022年9月21日
  • VLAN基础知识_vlan的基本原理

    VLAN基础知识_vlan的基本原理VLAN简介定义:VLAN(VirtualLocalAreaNetwork)即虚拟局域网,是将一个物理的LAN在逻辑上划分成多个广播域的通信技术。VLAN内的主机间可以直接通信,而VLAN间不能直接通信,从而将广播报文限制在一个VLAN内。目的:以太网是一种基于CSMA/CD(CarrierSenseMultipleAccess/CollisionDetect…

    2022年8月10日
  • mysql 添加索引卡死_mysql添加索引,查询反而变慢

    mysql 添加索引卡死_mysql添加索引,查询反而变慢依照楼主的数据,我也造了400万数据:mysql>select*fromindex_testlimit5;id1id211111111112222222222111111111122222222221111111111id1创建索引执行确实是id2谓词条件比较快:mysql>select*fromindex_testwhereid1=11111;2097152…

    2022年5月22日
  • 工作流引擎activiti_基于若依框架的二次开发

    工作流引擎activiti_基于若依框架的二次开发若依框架使用、activiti工作流

    2022年9月1日

发表回复

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

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