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;这个时候就会横向平铺。如下图:

阅读剩余部分

相关阅读 >>

input输入框只能输入数字、字母相关组合(正则表达式)

Html img不显示图片怎么办

Html bdi标签怎么用

Html如何让input隐藏

Html中代码怎么进行注释

清除浮动和闭合浮动的介绍

Html中ul标签如何去掉点?Html无序列表的样式实例解析

怎么用Html设置一个定时器

Html字体颜色的设置方法

认识Html5的websocket

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




打赏

取消

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

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

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

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

评论

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