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教程》

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/146226.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • SecureCRT中文显示乱码解决

    SecureCRT中文显示乱码解决先放图由于我自己装的是中文版的Linux系统,所以在显示中文的时候,SecureCRT显示出乱码。后来我查了下Linux系统字符编码默认是utf-8格式的!要将SecureCRT也设置成UTF-8才能进行正常显示。设置步骤:1、选择字符编码为UTF-8。点击【会话选项】–>选择【外观】。将字符编码设置为UTF-8格式。2、设置字符集为GB2312。点击【字体】–>将字符集设…

  • 申请软件著作权步骤_著作权包括哪些

    申请软件著作权步骤_著作权包括哪些今年八月底版权中心系统升级,新系统相对好用一些,至少不用再拿IE访问了,但是多了一项实名认证。下面介绍新系统的操作流程。目录注册、登录和实名认证注册登录实名认证软件登记申请申请表填写鉴别材料身份证明文件权利归属证明文件其他材料提交材料变更登记注册、登录和实名认证首先访问版权中心系统:https://register.ccopyright.com.cn/login.html,如果老系统有账号直接登录即可,没有的话需要注册。注册点击注册按钮进入注册。根据实际情况选择个人或单位,每个个人或单位只能在

  • 【转】Smartphone–Android真机管理平台[通俗易懂]

    【转】Smartphone–Android真机管理平台

  • 2022年计算机考研过线就能上的学校[通俗易懂]

    2022年计算机考研过线就能上的学校[通俗易懂]部分考研同学本科是双非计算机类专业,基础能力一般,编程能力较弱,那么对于这类考生,主要还是以求稳为主,选择一个分数略低,复试较简单的学校,上岸几率就会加大。那么2022年计算机考研过线上岸率高的院校有哪些呢?

  • 解决linux下sudo更改文件权限报错xxxis not in the sudoers file. This incident will be reported.

    解决linux下sudo更改文件权限报错xxxis not in the sudoers file. This incident will be reported.本文转自Linux社区作者为z-sm的文章原文链接http://www.linuxidc.com/Linux/2016-07/133066.htmLinux中普通用户用sudo执行命令时报”xxxisnotinthesudoersfile.Thisincidentwillbereported”错误,解决方法就是在/etc/sudoers文件里给该用户添加权限。如下:1.切换到

  • python模拟键盘输入_python控制鼠标键盘

    python模拟键盘输入_python控制鼠标键盘win32api.keybd_event该函数原型:keybd_event(bVk,bScan,dwFlags,dwExtraInfo)第一个参数:虚拟键码(键盘键码对照表见附录);第二个参数:硬件扫描码,一般设置为0即可;第三个参数:函数操作的一个标志位,如果值为KEYEVENTF_EXTENDEDKEY则该键被按下,也可设置为0即可,如果值为KEYEVENTF_KEYUP则该按键被释放;…

    2022年10月11日

发表回复

您的电子邮箱地址不会被公开。

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