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

b77830ace138e47052f3de8f889456f8.png

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

1、新建一个html文档。

d9a6092902dbe5e866a522a74b28c317.png

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

058f94f937e2567773106360b505119c.png

0e14e4852ef02a3d49a625871889fbd9.png

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

c42471397b504af98f7ca121c0d3e54c.png

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

73396d7c852c354db71f2794acd1f887.png

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

604f3564eece3c5571640b6eab07faf1.png

3f045bdd37029661643207fa1d373b76.png

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

00f53451a17fdd5e7bbc376400bbca27.png

7bc8e3ed18fd60cebceb2937024259e2.png

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

11f9b23dea4aa1158c32a2ce2de11972.png

5293d309d82dfc8b8033bb651d6ecee3.png

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

2834f641c4e69a9802bda958058bc2e0.png

3ba5e3bf2b25eb6a537ea21cbfb19de9.png

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

7ab4d1795ee0823c302bd9c365e4436a.png

49e4cc90f3e862142d318fdc34b7ded8.png

推荐教程: 《HTML教程》

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值