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


本文摘自PHP中文网,作者烟雨青岚,侵删。

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

1、新建一个html文档。

55d0718c7626deef8662f551960c7ae.png

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

ebaa123ad320ce5a42e402928af28cf.png

9f09a7a4672a517c677bd860fc1476b.png

3、加入<style type="text/css"></style>,这样可以有样式设置。

a6c17f00b9cd4c1c4faa1c5f81930f7.png

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

7958c97e8545f0f35199f4ce3cb09ed.png

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

a3f0a03a7cb9208a2d3bc6da9a3d364.png

e3e310633e638a5852495e4d88035bc.png

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

阅读剩余部分

相关阅读 >>

Html的<form> 标签

如何在Html中使用javascript

Html下拉菜单怎么做?Html下拉菜单的代码实例介绍

Html bdo标签是什么意思?Html bdo的使用方法详解

Html的标签有哪些

Html编辑器有哪些?最好用的4款Html编辑器推荐

怎么设置Html的背景图片的位置

编写高性能Html应用有哪些点需要注意

Html中table表格的内容水平和垂直居中显示

Html中的空格代码是什么

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...